ブートストラップ6 - 4 - 2 - 1列

Question

非常に単純なサイトでレスポンシブデザインを行うためにブートストラップを使用しましたhttp://www.auto-moto-klub.cz/画面サイズに基づいてこのような動作を達成しようと数時間を費やしました（ピクセル範囲は単なる例であり、正確にこれらの）ように：私はクラス= "COL-XS-1 COL-SM-を試してみました

<= 767px .. 1 column .. TOO BIG around 300-767px, LOOKS CRAZY 
>= 768px .. 6 colums .. TOO SMALL around 768-1024px 

：

<= 300px .. 1 column 
>= 301px & <= 600px .. 2 columns 
>= 601px & <= 1024 .. 4 columns 
>= 1024px .. 6 columns 

現在、それは次のようにクラス= "COL-SM-2" と連携します2 col-md-4 col-lg-6 "..私は、小さな画面サイズでは、1列、小さい2、媒体4と大きな6です。しかし、おそらく私はそれが奇妙なものを作るので、全くそれを理解していません：

>= 1200px .. 2 columns 
<= 1199px & >= 992px .. 3 columns 
<= 991px & >= 768px .. 6 columns 
<= 767px .. 6 columns somehow broken placed on the left 

お手伝いをしてください。事前にアドバイスをいただきありがとうございます。

Answer 1

次のようにしてください：class = "col-lg-2 col-md-3 col-sm-6 col-xs-12"それは問題を解決するはずです。