Отзывчивая корзина в Bootstrap - PullRequest
Новая
       8

Отзывчивая корзина в Bootstrap

0 голосов
/ 03 сентября 2018

Можно ли добавить эту корзину в Bootstrap 4 и сделать ее отзывчивой?

Я пробовал вот так, но он не работает ниже ширины экрана 1024px

Это очень хорошая корзина для покупок, и я действительно хотел бы использовать ее в своем макете, но я не могу сделать ее отзывчивой. 

<div class="cart-main-area ptb--120 bg__dark">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <section id="cart"> 
            <div class="product">
                <header>
                    <a class="remove">
                        <img src="images/product/fruit-cake.jpg" alt="">

                        <h3>Remove Product</h3>
                    </a>
                </header>

                <div class="content">

                    <h1>Fruit Cake</h1>

                    1500 gram

                </div>

                <footer class="content">
                    <span class="qt-minus">-</span>
                    <span class="qt">2</span>
                    <span class="qt-plus">+</span>

                    <h2 class="full-price">
                        ฿29.98
                    </h2>

                    <h2 class="price">
                        ฿14.99
                    </h2>
                </footer>
            </div>

        </section>
            <footer id="site-footer">
        <div class="container clearfix">

            <div class="left">
                <h2 class="subtotal">Subtotal: ฿<span>163.96</span></h2>
                <h3 class="tax">Taxes (5%): ฿ <span>8.2</span></h3>
                <h3 class="shipping">Shipping: ฿ <span>5.00</span></h3>
            </div>

            <div class="right">
                <h1 class="total">Total: ฿ <span>177.16</span></h1>
                <a class="btn">Checkout</a>
            </div>

        </div>
    </footer>
        </div>
      </div>
    </div>
  </div>

Пожалуйста, скажите это CodePen :

Любая помощь будет принята с благодарностью.

...