接著我們設計6個div標籤，分別在超小型裝置的時候顯示2個一排、小型裝置的時候顯示3個以及大型裝置的時候6個一排各，排法如下:

       <div class="row mt-5 pb-5 ">
             <div class="col-md-2 col-sm-4 col-6 text-center">
                      ⋮
             </div>
             <div class="col-md-2 col-sm-4 col-6 text-center">
                     ⋮
             </div>
             <div class="col-md-2 col-sm-4 col-6 text-center">
                    ⋮
             </div>
             <div class="col-md-2 col-sm-4 col-6 text-center">
                       ⋮
             </div>
           <div class="col-md-2 col-sm-4 col-6 text-center">
                      ⋮ 
           </div>
           <div class="col-md-2 col-sm-4 col-6 text-center">
                     ⋮
           </div>

結果:
請試著調整瀏覽器畫面，會依照大小有不同的排版。