Bootstrap: Jak utworzyć serię div w jednej linii ukrywając przepełnione div
Mam stronę zbudowaną z bootstrapu i chcę utworzyć tabelę z nagłówkiem swipeable za pomocą wtyczki jquery.dragscroll, ale zachowując wbudowany pasek startowy grid grid.
Chcę więc utworzyć nagłówki tabeli i używam tego HTML:
<div class="row-fluid">
<div class="span12">
<div style="overflow:hidden;width:90%;">
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
</div>
</div>
</div>
Kod jest tutaj:http://jsfiddle.net/cVfzJ/1/
Jak widzimy w Fiddle, wszystkie div są widoczne w dwóch rzędach, moim celem jest posiadanie wszystkich div w jednym wierszu (ukrywanie przepełnionych div)
Mam nadzieję, że pytanie jest jasne