Как мне сделать эту систему сетки с Bootstrap 4? - PullRequest
Новая
       8

Как мне сделать эту систему сетки с Bootstrap 4?

1 голос
/ 23 сентября 2019

Я пытаюсь создать следующую сетку:

enter image description here

К сожалению, сейчас это не работает для меня.Я не знаю, как разместить контейнеры, чтобы заполнить пустое пространство рядом друг с другом.

Это просто пример, чтобы продемонстрировать: https://jsfiddle.net/7m2bfx65/2/. 

 <div class="container">
  <div class="row">
    <div class="col-6">Container 1</div>
    <div class="col-6">Container 2<br/>Container 2<br/>Container 2</div>
    <div class="col-6">Container 3<br/>Container 3<br/>Container 3<br/>Container 3<br/>Container 3</div>
    <div class="col-6">Container 4<br/>Container 4<br/></div>
    <div class="col-6">Container 5</div>
    <div class="col-6">Container 6</div>
  </div>
  <div class="row">
    <div class="col">Container 7<br/><br/><br/><br/><br/><br/><br/><br/></div>
  </div>
</div>

Как выКак видите, контейнеры 3, 5 и 6 расположены неправильно, а контейнеры 1 и 4 имеют разную высоту.

Если вы знаете, как это исправить, я очень ценю вашу помощь.Я также предпочитаю использовать систему сетки Bootstrap 4 Flex.

...