Rządowy wiersz z poziomym przewijaniem

Question

Próbuję uzyskać rząd z wieloma kolumnami (dynamiczny bez maks.), A tym samym uzyskać poziome przewijanie.

Po wstawieniu nowej kolumny, która przekracza rozmiar 12 ładowania początkowego, przechodzi ona do nowej linii. Potrzebuję zachować tę kolumnę w tej samej linii i uzyskać poziomy widok przewijania.

Próbowałem już z czymś takim, ale nie działało ...

<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

wiersz płyn trzeba atrybutu stylu „white-space: nowrap;” a div wewnątrz potrzebują atrybutu stylu " display: inline-block; "

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

try it

Answer 2

większy ekran będzie musiała float: none; w col- klas.

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

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