Как сверстать эту часть сайта с помощью сетки bootstrap?

Question

[Кирилл]

Начинающий верстальщик, всегда (как на фото) когда вижу подобные расстановки блоков вхожу в ступор, как правильно расположить эти блоки с помощью колонок?

Answer 1

[Артем Золин]

Не надо делать в две колонки, бутстраповские колы отлично переносятся построчно

<div class="row">
    <div class="col-12 col-lg-6">
        <div class="item"></div>
    </div>
    <div class="col-12 col-lg-6">
        <div class="item"></div>
    </div>
    <div class="col-12 col-lg-6">
        <div class="item"></div>
    </div>
    <div class="col-12 col-lg-6">
        <div class="item"></div>
    </div>
    <div class="col-12 col-lg-6">
        <div class="item"></div>
    </div>
    <div class="col-12 col-lg-6">
        <div class="item"></div>
    </div>
</div>

Comments

[Кирилл]

Именно ваш вариант отлично подходит, спасибо!

Answer 2

[Юрий]

Сделать в две колонки, добавить padding-left и padding-right на нужное значение. Там отступы от сетки вроде более-менее одинаковые.
А вообще за такое дизайнера нужно бить по рукам, особенно если нужен пиксель перфект.