引导/浏览器宽度计算问题

Question

我的行宽是1080，所以理想情况下，每个/md-1应该是

1080 / 12 =90 12

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

同样的问题-md-4，它显示为390 of，而不是360 of。

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

​

​

​

​

​

​

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

编辑

感谢您的回复，但是您在这里遗漏了一个严重的注释，当您将col-md-8和col-md-4的宽度相加时，它将等于行宽。但这里不是这样的。

750 to (col-md-8) +390 to (col-md-4) != 1080 to(行)它的求和达到1140，这就是为什么，col被推入下一行的原因。

Answer 1

这就是响应网格系统的工作方式。引导程序添加行边距为-15 of (左右)，列填充右和左为15 of。

720 on +15 on (左填充列)+15 on(右填充列)=750 on。一旦你把它排成一排，两边都有-15便士的保证金，你就回到720便士了。

您可以“通过将容器类更改为流体类将固定宽度的网格布局转换为全宽度的网格布局”：(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>

这里更重要的问题。如果你有特定的像素宽度，你想要一个响应的布局吗？