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

questionAnswers(1)

yourAnswerToTheQuestion