Ich möchte eine Zeile haben, in der Spalten horizontal gescrollt werden können:

Wie Sie sehen, ist die Reihe der äußere Block (mit Polsterung). Darin befinden sich Spalten, in denen sich jeweils einige befindenspan* Klasse wiespan3. Und da nicht alle Spalten in die Zeile passen, befindet sich die Bildlaufleiste unten.

Folgendes habe ich versucht (mit Inline-CSS) und bisher kein Glück.

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

Dann werden die Spalten umbrochen, sobald sie nicht mehr in die Zeile passen. Wie kann ich das machen?

Vielen Dank.