Bootstrap /浏览器宽度计算问题

Question

我的行宽是1080，所以理想情况下每个col-md-1都是

1080/12 = 90px

但是col-md-8宽度显示为750px，理想情况下它应该是720px

与col-md-4相同的问题，它显示为390px，而不是360px。

div上也没有定义额外的填充。

这迫使col-md-4显示在下一行而不是同一行。我能做错什么？

修改

感谢您的回复，但是您在这里错过了一个严肃的注释，当您将col-md-8和col-md-4的宽度相加时，它将等于行宽。但事实并非如此。

750px（col-md-8）+ 390px（col-md-4）！= 1080px（行） 它总结到1140年，这就是为什么，col-md正被推到下一排。

Answer 1

这是响应式网格系统的工作原理。 Bootstrap在15px的左右两侧添加行 -15px（左右）和列填充。

720px + 15px（列上的左边填充）+ 15px（列上的右边填充）= 750px。一旦你把它放在一边，每边的边距为-15px，你就会回到720px。

您可以通过将容器类更改为流体类来“将固定宽度的网格布局转换为全宽网格布局”：（http://getbootstrap.com/css/#grid-options）

<div class="container-fluid">
  <div class="row">
    <div class="col-md-8"></div>
    <div class="col-md-4"></div>
  </div>
</div>

这里要看的更重要的问题。如果您关注特定像素宽度，是否需要响应式布局？