引导程序3网格在调整大小时的行为不如预期

Question

以下代码在某些分辨率下工作正常，但是当我挤压浏览器时，col-xs-1被推送到下一行。这段代码非常简单明了，我不确定这里有什么问题。

看来bootstrap宽度百分比是微不足道的。

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-3"> 
     3 
     </div> 
     <div class="col-xs-8"> 
     8 
     </div> 
     <div class="col-xs-1"> 
     1 
     </div> 
    </div> 
</div> 

JSFiddle

Answer 1

问题是填充。

Bootstrap假定您正在使用其布局配置;它的导航栏和其他元素有默认的填充，所以一切都是对齐的。我有点固定你的例子;你的小提琴我看不出bootstrap.js也没有的jquery.js，所以我写了一个jsbin：

https://jsbin.com/komevecaho/edit?html,output

而且，这太问题可以帮助你弄明白：Remove padding from columns in Bootstrap 3