Ich habe eine Site mit Bootstrap erstellt und möchte mit dem Plugin jquery.dragscroll eine Tabelle mit swipeable-Header erstellen, aber den integrierten Bootstrap für das Fluid-Grid beibehalten.

Ich möchte also die Überschriften der Tabelle erstellen und verwende diesen HTML-Code:

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

Der Code ist hier:http://jsfiddle.net/cVfzJ/1/

Wie wir in der Geige sehen können, sind alle Divs in zwei Reihen sichtbar. Mein Ziel ist es, alle Divs in einer einzigen Reihe zu haben (die überfließenden Divs zu verbergen).

Ich hoffe die Frage ist klar