Bootstrap-Zeile mit horizontaler Bildlauf

Question

Ich versuche, eine Zeile mit mehreren Spalten (dynamische ohne Max) und damit eine horizontale Bildlauf zu erhalten.

Wenn ich eine neue Spalte einfüge, die die Größe 12 von Bootstrap überschreitet, nimmt es diese Spalte zu einer neuen Zeile. Ich möchte diese Spalte in derselben Zeile beibehalten und die horizontale Bildlaufansicht erhalten.

bereits versucht, mit so etwas, aber nicht funktionierte ...

<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

row-Fluid das style-Attribut müssen "white-space: nowrap," und die divs innen müssen das style-Attribut " display: inline-block; "

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

try it

Answer 2

Größerer Bildschirm müssen auch float: none; in col- Klassen.

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

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