Как мне применить flex-wrap только к точке останова md в начальной загрузке 4

html twitter-bootstrap flexbox bootstrap-4 wrap

715 просмотра

1 ответ

Я смотрю вокруг и не могу понять это. Я использую bootstrap 4 и у меня есть flex-контейнер с 8 элементами div. Я хочу, чтобы не было обтекания от экранов md вверх, но как только размер экрана уменьшится, мне нужно его обернуть.

Я попытался добавить flex-md-wrap, но это имеет противоположный эффект, естественно, я тогда попробовал flex-md-nowrap, но это не дало никакого эффекта.

мой код:

<div class="container">
  <div class="d-flex flex-row flex-md-wrap">
    <div class="p-2"><img src="#" alt=""></div>

       <!-- 6 divs with images in -->

    <div class="p-2"><img src="#" alt=""></div>
  </div>
</div>

Спасибо

Автор: Tian Reagon Источник Размещён: 17.05.2019 03:19

Ответы (1)


2 плюса

Поскольку mdподразумевает средний и выше, вы бы сделали это ..

<div class="d-flex flex-wrap flex-md-nowrap">
..
</div>

https://www.codeply.com/go/A5NmQR1GTH

Автор: Zim Размещён: 06.03.2018 11:43
Вопросы из категории :
32x32