特定の要素にブートストラップの改行があります

Question

こんにちは、6つの要素を持つブートストラップ行があります。現在、画面が小さくなると、要素が次の行に順番に分割され、画面が小さくなります。私は、スクリーンが1要素が次の行に行くのに十分に小さくなったときに、代わりに3要素の2行に分割するようにしたいと思います。私はこれをどうやってやるのか分からない。

ご協力いただければ幸いです。

<div class="col-sm-4 col-sm-offset-4"> 
 
    <div id="elem1"> 
 

 
    </div> 
 
    <div id="elem2"> 
 

 
    </div> 
 
    <div id="elem3"> 
 

 
    </div> 
 
    <div id="elem4"> 
 

 
    </div> 
 
    <div id="elem5"> 
 

 
    </div> 
 
    <div id="elem6"> 
 

 
    </div> 
 
</div>

Answer 1

巣列の内部ブートストラップグリッド...

https://www.codeply.com/go/0W2uXJ9eGG

<div class="col-sm-4 col-sm-offset-4"> 
     <div class="row no-gutters"> 
      <div id="elem1" class="col-lg-2 col-4"> 

      </div> 
      <div id="elem2" class="col-lg-2 col-4"> 

      </div> 
      <div id="elem3" class="col-lg-2 col-4"> 

      </div> 
      <div id="elem4" class="col-lg-2 col-4"> 

      </div> 
      <div id="elem5" class="col-lg-2 col-4"> 

      </div> 
      <div id="elem6" class="col-lg-2 col-4"> 

      </div> 
     </div> 
    </div>