4列の "col-xs"ブートストラップ3レイアウトが980px幅以下に縮小されないのはなぜですか？

Question

注記モバイルアイコンをクリックしてコンソールからChromeのモバイルシミュレータをテストしています。このスクリーンショットを参照してください - 他のHTMLは

を追加されていないi.imgur.com/MXXYkzi.png

ページ上の唯一のCSSはブートストラップで3.1 CSSファイルと幅のスタイル：100％以下：

<div id="body" style="width:100%;"> 
    <div class="row"> 
     <div class="col-xs-2"> 

     </div> 
     <div class="col-xs-6"> 

     </div> 
     <div class="col-xs-2"> 

     </div> 
     <div class="col-xs-2"> 
     Testing... 
     </div> 
    </div> 
</div> 

ブラウザウィンドウを980px未満に縮小すると、列はそれ以上縮まらないでしょうか？

これはなぜですか？なぜCSSルールの何も説明できないようです。

編集：言い換えれば、私は水平スクロールバーを取得し、代わりに列の幅を縮小することを期待します。あなたはメタコンテンツの幅を指定する必要がクロームモバイルシミュレータで

Answer 1

それ以外の場合、この追加980px

デフォルト：

<meta name="viewport" content="width=device-width"> 

はそれを働かせました。