Как правильно сделать нечетные вложенные столбцы с Bootstrap 4 (flex)? - PullRequest
Новая
       6

Как правильно сделать нечетные вложенные столбцы с Bootstrap 4 (flex)?

1 голос
/ 03 апреля 2020

В Bootstrap 4 Я не нашел правильного способа справиться с вложенными столбцами, когда он не складывается в систему с 12 столбцами. У меня есть нечетные 7 столбцов, и я бы хотел, чтобы у вложенной строки этого значения был .col-5, который занимал бы столько же места, что и родительская сетка с div размером 5 столбцов. Прикрепленное изображение, чтобы лучше показать проблему

У меня была такая же проблема в Foundation 6, но там также не было найдено правильного решения.

В те времена, когда Гамби, у нас были гибридные сетки для спасения.

Вот код, который показывает, что мы пытаемся сделать: 

<div class="row">
  <div class="col-5"></div>

  <div class="col-7">
     <div class="row">
       <div class="col-1">
          I want this to be SAME SIZE AS A COL-1 IN PARENT SIZE
        </div>
      <div class="col-5">
        I want this to be SAME SIZE AS A COL-5 IN PARENT SIZE
      </div>
    </div><!-- nested .row (should work as a hybrid 7-col row) -->
  </div><!-- end .col-7 -->

</div><!-- parent .row -->
...