Ich habe ein container-fluid -Containerelement und habe row verwendet, im Gegensatz zu row-fluid , freilich aus Unwissenheit.
Jetzt versuche ich die row Klasse durch row-fluid Klasse zu ersetzen , aber sind auf einige Fragen gestoßen. Zuerst habe ich untersucht, wie die row-fluid Breite in der .less definiert ist, und es ist für mich völlig hieroglyphisch, also würde jemand es erklären wollen?
Noch wichtiger: Wenn ich die Zeile durch row-fluid ersetzt, wird die Höhe des Elements auf 0 reduziert, so dass ich die Klasse .clearfix einbeziehen muss, damit das Element row-fluid so wächst, dass es die untergeordneten Spalten enthält. Warum ist das notwendig, d. H. Was wird floated und warum, wenn ich row durch row-fluid ersetze?
Jede Eingabe, abgesehen von der snarky Why do not you google it? (was ich getan habe) würde sehr geschätzt werden.
Es hängt davon ab, mit welchen Elementen Sie die Breite kennen möchten. Die row-fluid -Klasse selbst hat eine Breite von 100% . Die Spannen (oder Spalten) haben eine relative Breite, die so eingestellt ist, dass sie sich zu 100 zusammenfügt.
Auf dem Floating: Alle Spalten werden schweben, das macht sie flüssig. Die einzige höhenbezogene Sache, die ein row-fluid macht, ist min-height: 30px . Dies macht es per Definition seltsam, dass alles auf eine Höhe von 0 zusammenfallen würde.
Ich vermute, dass das Styling, das du oben auf deinem alten Raster gemacht hast, deine Hauptprobleme verursacht.
Dies ist, was Twitter Bootstrap sagt:
Zeilen müssen in einem .container (feste Breite) oder .container-fluid (volle Breite) platziert werden, damit sie richtig ausgerichtet und aufgefüllt werden können.
Nun, das ist ungefähr container nicht rows , aber wenn diese Erklärung nicht genug für dich ist, dann Das ist die kurze Erklärung, die dir die Dinge klar machen sollte.
HINWEIS: Wenn es Version 2 ist, dann ist row-fluid selbst float: left , was wie gesagt gelöscht werden müsste.
Dies liegt daran, dass Fluidgitter die Verschachtelung unterschiedlich verwenden: Jede verschachtelte Spaltenebene sollte bis zu 12 Spalten enthalten. Dies liegt daran, dass das Materialraster zum Festlegen der Breiten Prozentsätze und keine Pixel verwendet.
Hoffe das hilft:)
Tags und Links javascript css twitter-bootstrap twitter-bootstrap-3