レイアウトを整理して反応させるには？

Question

これは私のコード

<div class="container-fluid"> 
     <div class="row"> 
      <div class="col-lg-12"> 
       <h2 class="page-header"> Utenti online </h2> 
      </div> 
     </div> 
     <!-- fine row1 --> 

     <div class="row"> 
      <div class="col-sm-5 col-lg-2 col-md-3" style="margin:10px"> 
       <div class="useronline"> 
        <img src="images/no-photo.png" class="img-responsive" width="150" style="border-radius:5px 5px 0 0; margin-bottom:10px"> 
        <b style="margin:10px;"> Marco </b> 
       </div> 
      </div> 

      <div class="col-sm-5 col-lg-2 col-md-3" style="margin:10px"> 
       <div class="useronline"> 
        <img src="images/no-photo.png" class="img-responsive" width="150" style="border-radius:5px 5px 0 0; margin-bottom:10px"> 
        <b style="margin:10px;"> Marco </b> 
       </div> 
      </div> 
      <div class="col-sm-5 col-lg-2 col-md-3" style="margin:10px"> 
       <div class="useronline"> 
        <img src="images/no-photo.png" class="img-responsive" width="150" style="border-radius:5px 5px 0 0; margin-bottom:10px"> 
        <b style="margin:10px;"> Marco </b> 
       </div> 
      </div> 
      <div class="col-sm-5 col-lg-2 col-md-3" style="margin:10px"> 
       <div class="useronline"> 
        <img src="images/no-photo.png" class="img-responsive" width="150" style="border-radius:5px 5px 0 0; margin-bottom:10px"/> 
        <b style="margin:10px;"> Marco </b> 
       </div> 
      </div> 

      <div class="col-sm-5 col-lg-2 col-md-3" style="margin:10px"> 
       <div class="useronline"> 
        <img src="images/no-photo.png" class="img-responsive" width="150" style="border-radius:5px 5px 0 0; margin-bottom:10px"> 
        <b style="margin:10px;"> Marco </b> 
       </div> 
      </div> 
     </div> 
    </div> 

であり、これは、ウィンドウのブラウザ（大画面）今

の画像で、COL-LGは10ですが、SMは25 私の質問では、次のとおりです。どのようにレイアウトを整理してすべての画面で反応させますか？

変更この：

<div class="col-sm-5 col-lg-2 col-md-3" style="margin:10px"> 

これに

Answer 1

ブートストラップを使用して、すべての画面サイズ全体で一貫性のある動作を探しているなら、あなたはこれらの行として以下のコードで変更することができ、すべての画面で応答します。

<div class="col-sm-2 col-lg-2 col-md-2" style="margin:10px"> 

すべてのデバイスのすべてのdivが2つの列に広がります。

申し訳ありません申し訳ありませんがコメントとして追加するためのポイントが足りないため、回答として追加しています。