応答の写真を達成ブートストラップ

プロジェクトのアプリケーションの2つの一般的な形式の応答絵は：
です：画面サイズの変更、画像のレイアウト変更。画像リソースの二組を使用して、PCとモバイルエンドデバイスの変換を満たすために。
ワン：画面サイズの変更、画像のレイアウトが変更されます

<div class="container-fluid">
       <div class="row">
           <div class="col-md-3 col-sm-6 col-xs-12">
               <img src="img/box-logo.png" alt="" class="img-responsive center-block">
           </div>
           <div class="col-md-3 col-sm-6 col-xs-12">
            <img src="img/google-logo.png" alt="" class="img-responsive center-block">
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <img src="img/intuit-logo.png" alt="" class="img-responsive center-block">
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <img src="img/square-logo.png" alt="" class="img-responsive center-block">
            </div>
        </div>
   </div>

効果：
1.デスクトップピクチャが（> 996px）より大きい

2プレート（> 768px <996px）

3.モバイル（<768px）

II 2つの画像リソースの携帯端末装置およびPC-変換、使用を満たすために

<div class="container">
       <img src="1.jpg" alt="" class="visible-xs img-responsive">
       <img src="2.jpg" alt="" class="hidden-xs img-responsive">
   </div>

二つの画像リソースのセット、およびページカトンを防止し、トラフィックを保存します。