Bootstrap: Wie man eine Reihe von div in einer Zeile erstellt, die die überlaufenden divs versteckt

8

Ich habe eine Website mit Bootstrap erstellt und ich möchte eine Tabelle mit swipeable-Header mit dem jquery.dragscroll-Plugin erstellen, aber das integrierte Bootstrap des Fluid Grid beibehalten.

Also möchte ich die Header der Tabelle erstellen, und ich verwende diesen HTML:

%Vor%

Der Code ist hier: Ссылка

Wie wir in der Fiddle sehen können, sind alle divs in zwei Zeilen sichtbar, mein Ziel ist es, alle divs in einer einzelnen Zeile zu haben (die überfließenden divs verstecken)

Ich hoffe, die Frage ist klar

    
Mangiucugna 27.05.2013, 13:10
quelle

1 Antwort

23

Sie sollten einen Container für alle <div> haben, die width gleich der Summe aller <div> haben. Dann muss der Elternteil dieses Containers overflow: auto haben.

Wenn Sie die Gesamtbreite vor dem Rendern nicht kennen, können Sie sie mit JS berechnen.

Fortsetzung Ihres Beispiels:

%Vor%     
Arthur Corenzan 27.05.2013, 13:17
quelle

Tags und Links