2014-10-09 25 views
13

Birden çok sütun içeren bir satır (max içermeyen dinamik) elde etme ve böylece yatay kaydırma elde etme.Yatay kaydırma ile önyükleme sırası satırı

Önyükleme bandının 12 boyutunu aşan yeni bir sütun eklediğimde, bu sütunu yeni bir satıra alır. İstediğim, bu satırı aynı satırda korumak ve yatay kaydırma görünümünü elde etmektir. "Ve div'ler içeride stil özelliği gerek;: "nowrap white-space"

Böyle bir şey zaten çalışıldı, ancak çalıştı vermedi ...

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

cevap

21

satır-sıvı stil özelliği gerek display: inline-block; "

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

try it

5

Büyük ekran da float: none;col- sınıfları gerekecektir.

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

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