2013-09-24 6 views
5

war eine andere Frage zu Zentrieren eines div zu beantworten, dass die Bootstrap der span12 Klasse auf sie angewendet hatte, und ein Teil der Lösung war der Schwimmer als span12, sowie die anderen Spanne * Klassen zurücksetzen , sind schwebend.Warum schweben Bootstrap ihre span12 Klasse

Da span12 Breite 100%, wenn sie mit row-fluid kombiniert und 1170px, wenn sie nicht (und andere Größen, die ich gemeint vermute, die meisten des Bereichs auf verschiedenen Bildschirmgrößen zu füllen)

Dies ist für mich schlägt vor, dass es meistens ein Standalone-Gitterelement: Nicht dazu gedacht, andere Gitterelemente entlang der Seite zu schweben.

Ich konnte sehen, ob sie andere Rasterelemente neben ihm für wirklich große Websites (Bildschirmbreiten von 2560px usw.) zulassen konnten, außer dass dies überhaupt nicht funktionierte, wenn row-fluid als erstes verwendet wurde die Zeile würde den ganzen Raum einnehmen, wie es 100% Breite verwendet.

Aber ich persönlich habe nicht viele gesehen, wenn überhaupt, Websites, die eine so große Breite verwenden würden, die für die Verwendung eines span12 Gitterelementes an der Seite von anderen Gitterelementen erlauben würde.

So implementieren ist Bootstrap andere Styling-Methoden, die es notwendig machen, die span12 Klasse zu schweben? Oder antizipieren sie nur die zukünftige Nutzung für riesige Websites?

Da ich Bootstrap selbst benutze, wenn es für andere Stylingtechniken notwendig ist, möchte ich nicht eines Tages den Float entfernen, wenn es benötigt wird, und auch andere bei der Beantwortung von Fragen nicht irreführen wollen, wenn das Zurücksetzen der float würde ihr Layout bei der Verwendung von Bootstrap verderben.

bearbeiten

Wie DontFeedTheCode dies weist darauf hin, hat sich in Bootstrap 3, alle anderen Netzklassen schwebte erhalten angesprochen worden, während der 12. man nicht tut.

in der 2.3.2 Version sieht aus wie sie [class*="span"] als Wähler für die Einstellung Stile wurden unter Verwendung so span12 zufällig ausgewählt wird

+2

https://github.com/twbs/bootstrap/blob/master/less/grid.less Linie 79 Check-out, das angesprochen wurde. –

Antwort

2

Als Bootstrap in weniger geschrieben und in 2.3.2 alle Spannen Klassen wurden erzeugt unter Verwendung von .gridColumn() mixin - alle Spannweite Klassen hatten die float:left;. Dies ist nicht für ein großes Layout wie 2500 oder so.

Verwandte Themen