По какому принципу написать bootstrap структуру?

Question

[game802]

Добрый день уважаемые знатоки. Столкнулся со следующей проблемой:
Десктопную версию я сверстал, но не понимаю как сделать структуру таким образом, чтобы в адаптиве блоки съезжали не под картинку, а съезжали в соответствии с макетом?

Большое спасибо за помощь!

Comments

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[iBird Rose]

красиво ты это через бутсраповские col не реализуешь. делай сам. через inline-block/float:left к примеру. и каждому блоку задавай свою ширину. а в media меняй

Comments

[ProjectSoft]

а как же выравнивание колонок?
Можно реализовать на bootstrap легко и просто

[iBird Rose]

ProjectSoft: ты про какое выравнивание колонок?

[game802]

ух, нет, издеваться над собой я точно не буду. Большое спасибо за ответ.

Answer 2

[Kirill Sharonov]

Скорее вот так, чем вариант в другом комментарии.

<div class="container">
    <div class="row">
        <div class="col-md-6">
            Картинка с названием
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    Цена
                </div>
                <div class="col-lg-3 col-md-6">
                     Количество
                </div>
                <div class="col-lg-3 col-md-6">
                     Сумма
                </div>
                <div class="col-lg-3 col-md-6">
                     Лайки
                </div>
            </div>
        </div>
    </div>
</div>

Comments

[game802]

большое спасибо за ответ и помощь в решении данного вопроса!