我对Bootstrap 3的非整数列宽感到困惑。
根据documentation，“小型设备”的容器宽度为750px。其中包括11个30px的水槽（总共330px），留下420px，除以12列，每列35px。好。
但“中型设备”的容器宽度为970px。再减去330px得到640px，除以12是53.33px。咦？这是如何运作的？这是否意味着我得到两列53px，然后是54px中的一列，或者是什么？
有没有人理解为什么Twitter不只是为“中型设备”制作列宽54px并使容器宽度为978px？
答案 0 :(得分：2)
如果您正在寻找固定宽度的网格，那么Twitter Bootstrap可能不适合您。
Bootstrap网格基于百分比，设计为移动优先的响应式网格。简而言之，它允许您指定网格在特定断点之间的行为方式。
sm断点为768px，因此如果要定位768px或更高的设备，请使用col-sm- *类。 *是表示1-12的网格单位的值。因此，col-sm-6将是所有768px或更高的设备上的包含行宽的50％（即6/12）。它将不为384px。假设该行是屏幕的整个宽度，它将是屏幕宽度的50％（对于装订线的填充量较少）。
答案 1 :(得分：1)
如果您愿意放弃响应，可以使用xs列类。它们保留固定宽度，该宽度根据容器宽度确定。请参阅：http://getbootstrap.com/css/#grid-options