Css 为什么赢了'；“我的4栏”；列xs“；Bootstrap 3布局缩小到980px以下宽？

注：我正在Chrome的移动模拟器中测试这一点，该模拟器通过控制台点击移动图标找到。请查看此屏幕截图-i.imgur.com/mxykzi.png未添加其他html

页面上唯一的CSS是Bootstrap 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规则中似乎没有任何东西可以解释原因

---

编辑：换句话说，我得到一个水平滚动条，我希望列的宽度会缩小。

在Chrome Mobile Simulator中，您需要指定元内容的宽度，否则它默认为980px

添加以下内容：

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

---

使它工作。

您的问题是，您将得到一个水平滚动条，并且它不会收缩以适应窗口吗？或者你的问题是，当缩小窗口时，列不会换行到下一行？我的问题是，我有一个水平滚动条，它不适合窗口。我预计这些柱子的宽度会缩小。谢谢，我试过你的密码，他们真的。。潜水舱里是什么？没什么。需要补充的是，我正在通过Chrome控制台响应模式在Google Chrome的移动模拟器中尝试这一点。你会得到一个水平滚动条，因为你使用的是

行

w/o容器，但是列的宽度会缩小到否决我的人，请查看我的图片：I.imgur.com/mxykzi.png，转到Chrome移动模拟器的那个部分，测试我说的话。你会发现我是对的。