Bootstrap 6 до 3 столбцов при изменении размера

Question

Я пытаюсь кодировать с помощью Bootstrap, и у меня есть некоторые вопросы. У меня есть 6 столбцов в одной строке (6x1):

<div class="row"> 
     <div class="col-md-2 col-sm-2"></div> 
     <div class="col-md-2 col-sm-2"></div> 
     <div class="col-md-2 col-sm-2"></div> 
     <div class="col-md-2 col-sm-2"></div> 
     <div class="col-md-2 col-sm-2"></div> 
     <div class="col-md-2 col-sm-2"></div> 
    </div> 

После экранов идут вниз, на первый brakepoint я хочу 3x2:

<div class="row"> 
     <div class="col-md-4 col-sm-4"></div> 
     <div class="col-md-4 col-sm-4"></div> 
     <div class="col-md-4 col-sm-4"></div> 
     <div class="col-md-4 col-sm-4"></div> 
     <div class="col-md-4 col-sm-4"></div> 
     <div class="col-md-4 col-sm-4"></div> 
    </div> 

И после этого, когда экран стал слишком мал, я хочу 1x6

Вот screenshoot:

возможно ли это?

Answer 1

Я думаю, что это то, что вы после:

<div class="row"> 
     <div class="col-md-2 col-sm-4 col-xs-12"></div> 
     <div class="col-md-2 col-sm-4 col-xs-12"></div> 
     <div class="col-md-2 col-sm-4 col-xs-12"></div> 
     <div class="col-md-2 col-sm-4 col-xs-12"></div> 
     <div class="col-md-2 col-sm-4 col-xs-12"></div> 
     <div class="col-md-2 col-sm-4 col-xs-12"></div> 
</div> 

bootply example

В точке среды излома и выше вы будете иметь все дивы в одном ряду. В маленькой точке останова у вас будет два ряда из трех столбцов. При дополнительной небольшой точке останова у вас будет один столбец.