Bootstrap4 Flexboxes, как использовать предопределенную ширину для разных размеров - PullRequest
Новая
       22

Bootstrap4 Flexboxes, как использовать предопределенную ширину для разных размеров

0 голосов
/ 06 ноября 2019

Я новичок в bootstrap4 и теперь использую flexbox для создания макета. В 1 классе я использую flex-row. Строка превращается в столбец, когда размер становится маленьким. в этом классе я сделал 2 других класса с шириной 50% (class = "w-50"). Когда я достигаю определенного размера, я хочу, чтобы 50% превратились в 100%.

Я пытался использовать класс w-sm-100, но, похоже, это не сработало. 

<div class="d-flex flex-column flex-sm-row">

  <div class="w-50">

  </div>

  <div class="w-50">


  </div>

</div>

1 Ответ

0 голосов
/ 06 ноября 2019

Для этого есть столбцы

Используйте .col-sm-6 вместо того, чтобы создавать свой собственный css https://getbootstrap.com/docs/4.3/layout/grid

...