Chcę mieć wiersz, w którym kolumny będą przewijane w poziomie:

Jak widać, wiersz jest blokiem zewnętrznym (z dopełnieniem). Wewnątrz znajdują się kolumny, z których każda ma kilkaspan* klasa taka jakspan3. A ponieważ wszystkie kolumny nie mieszczą się w wierszu, pasek przewijania znajduje się na dole.

Oto co próbowałem zrobić (z inline css) i jak dotąd nie mam szczęścia.

<div class="row">

<!-- the parent element which will have scrollbar -->
<div class="span12" style="white-space: nowrap; overflow-x: auto;">

<div class="row">

<div class="span3" style="display: inline-block;">content here</div>
<div class="span3" style="display: inline-block;">content here</div>
<div class="span3" style="display: inline-block;">content here</div>
...

<div>

</div>

</div>

Ale wtedy kolumny po prostu zawijają się, gdy nie mieszczą się w rzędzie. Jak mogę to zrobić?

Dziękuję Ci.