При попытке сохранить страницу как PDF ломается верстка bootstrap

{% block icerik%}
<!-- Home -->
<div class="home">
  <div class="home_container .d-print-none d-flex flex-column align-items-center justify-content-end">
    <div class="home_content text-center">
      <div class="home_title">Корзина</div>
    </div>
  </div>
</div>

<div class="cart_section">
  <div class="container">
    <div class="row">
      {% if sepetteki != []%}
      <div class="col">
        <div class="cart_container">

          <!-- Cart Bar -->
          <div class="cart_bar">
            <ul class="cart_bar_list item_list d-flex flex-row align-items-center justify-content-end">
              <li class="mr-auto">продукт</li>
              <li></li>
              <li></li>
              <li>Цена</li>
              <li>Количество</li>
              <li>Общее</li>
            </ul>
          </div>

          <!-- Cart Items -->
          {% for yaz in sepetteki %}
          <div class="cart_items">
            <ul class="cart_items_list">

              <!-- Cart Item -->
              <li class=" scart_item item_list  d-flex flex-lg-row flex-column align-items-lg-center align-items-start  justify-content-lg-end justify-content-start">
                <div class="product d-flex flex-lg-row flex-column align-items-lg-center align-items-start justify-content-start mr-auto  ">
                  <div>
                    <div class="product_image"><img src="{{ yaz.resim }}" alt=""></div>
                  </div>
                  <div class="product_name_container ">
                    <div class="product_name"><a href="/urun/{{yaz.id}}">{{yaz.uismi}}</a></div>
                    <div class="product_category ">{{yaz.stok}} </div>
                  </div>
                </div>
                <div class="product_color product_text">
                  <form action="/urunGuncelle/{{yaz.id}}" method="POST">
                    <button class="btn">+</button>
                </div>
                <div class="product_size product_text">
                  <div class="btn"><a href="/urunSil/{{yaz.id}}">х</a></div>

                </div>
                <div class="product_price text-right" style="margin-right:0px;"><span></span>{{yaz.fiyat}} </div>

                <div class="product_quantity_container">
                  <div class="product_quantity ml-lg-auto mr-lg-auto text-center">
                    <input type="text" name="adet" value="{{yaz.adet}}" style="width:30px; margin-top:5px; margin-left:0px; border:0px;">
                    </form>
                  </div>
                </div>
                <div class="product_total product_text"><span>Toplam: </span>{{yaz.toplam}}</div>

              </li>
            </ul>
          </div>

          {% endfor %}
          <!-- Cart Buttons -->
          <div class="cart_buttons d-flex flex-row align-items-start justify-content-start">
            <div class="cart_buttons_inner ml-sm-auto d-flex flex-row align-items-start justify-content-start flex-wrap">
              <div class="button button_clear trans_200"><a href="/sepetibosalt">Очистить корзину</a></div>
              <div class="button button_continue trans_200"><a href="/siparisver">проверить</a></div>

            </div>
          </div>
        </div>
      </div>
      {% else:%}
      <div class="col-md-12 checkout_title text-center" style="font-size:40px;">Корзина пуста</div>
      <div class="col-md-12 checkout_title text-center" style="font-size:30px; color:#5a5a5a;">Начните делать покупки</div>
      <a href="/" class="col-md-12"><button type="submit" class="btn btn-success col-md-12 checkout_button trans_200" style="border:0px;">Anasayfa</button></a> {% endif %}
    </div>
  </div>
</div>


{% endblock icerik %} {% block script %}
<script src="{{ url_for('static',filename='js/cart.js') }}"></script>
{% endblock script %}