引導程序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