Как сделать разбить 2 блока в boostrap как на скрине?

Question

[Сергей Васенин]

как реализовать такое с помощью boostrap

Answer 1

[Дмитрий Дарт]

Хасан Истамкулов прав, я бы попробовал только
<div class="col-md-7">
и
<div class="col-md-5">
ведь в сумме должно быть 12

Comments

[Astrohas]

хм, да вы правы, 6+4 != 12 . Видимо я сегодня немножко под устал

[Сергей Васенин]

Дмитрий ну в моем случае наверное не подойдёт потому что сверху макета имеются 3 блока тесть по 4 каждый поэтому наверное лучше использовать 8 и 4

Answer 2

[Astrohas]

.container>.row>.col-md-8>.articul*5^+.col-md-4>.right-articul*2

https://codepen.io/Istamqulov/pen/dzPdEm

Comments

[Astrohas]

<div class="container">
  <div class="row">
    <div class="col-md-8">
      <div class="articul"></div>
      <div class="articul"></div>
      <div class="articul"></div>
      <div class="articul"></div>
      <div class="articul"></div>
    </div>
    <div class="col-md-4">
      <div class="right-articul"></div>
      <div class="right-articul"></div>
    </div>
  </div>
</div>

[Сергей Васенин]

Хасан Истамкулов а как себя поведут себя 7 блоков? а то пытался до этого задать им отступы каждому контейнеру в итоге ничего не вышло. Сетка делится по блокам или секциям этого понять не могу

[Astrohas]

emin313: блок новостей это col-md-8. Внутри вы делаете сколько угодно блоков. Отступы для .articul делаете margin-ом снизу,

[Сергей Васенин]

Хасан Истамкулов так как делится сетка ?

[Astrohas]

emin313: .col-md-8 + .col-md-4

[Сергей Васенин]

Хасан Истамкулов: я не знаю как правельно сформулировать вопрос по поводу сетки