与水平滚动的引导行 [英] Bootstrap row with horizontal scroll

问题描述

我尝试获取包含多个列的行（动态，无最大值），因此要获得水平滚动。

Im trying to get a row with multiple columns (dynamic with no max) and therefore to get an horizontal scroll.

当我插入一个超过大小为12的引导，它需要该列到一个新行。
我想要的是保持该列在同一行，并获得水平滚动视图。

When i insert a new column that exceeds the size 12 of bootstrap, it takes that column to a new line. What I want is to preserve that column in the same line and to get the horizontal scroll view.

尝试了这样的东西，但没有工作...

Tried already with something like this, but didn't worked...

<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>

推荐答案

row-fluid需要样式属性white-space ：nowrap;和divs里面需要样式属性display：inline-block;

row-fluid need the style attribute " white-space: nowrap; " and the divs inside need the style attribute " display: inline-block; "

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

尝试

这篇关于与水平滚动的引导行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！