带水平滚动的自举行

Question

我试图让一行有多列（动态无最大），因此得到一个水平滚动。

当我插入一个超过引导程序大小12的新列时，它将该列带到一个新行。 我想要的是在同一行保留该列并获取水平滚动视图。

已经试过这样的事情，但没有工作......

<div class="span11" style="overflow: auto"> 
    <div class="row-fluid"> 
     <div class="col-lg-3">COL1</div> 
     <div class="col-lg-3">COL1</div> 
     <div class="col-lg-3">COL1</div> 
     <div class="col-lg-3">COL1</div> 
     <div class="col-lg-3">COL1</div> 
     <div class="col-lg-3">COL1</div> 
     <div class="col-lg-3">COL1</div> 
    </div> 
</div> 

Answer 1

排液所需要的风格属性“白色空间：NOWRAP;”和里面的div需要的样式属性“显示：内联块;“

.row-fluid{ 
    white-space: nowrap; 
} 
.row-fluid .col-lg-3{ 
    display: inline-block; 
} 

try it

Answer 2

更大屏幕还需要float: none;在col-类。

.row-fluid { 
    overflow: auto; 
    white-space: nowrap; 
} 

.row-fluid .col-lg-3 { 
    display: inline-block; 
    float: none; 
}