2013-09-24 12 views
5

Stavo rispondendo ad un'altra domanda sul centraggio di un div a cui la classe span12 del bootstrap era applicata, e parte della soluzione era il reset del float come span12, così come le altre classi span * , sono galleggiati.Perché Bootstrap fluttua nella classe span12

Dal span12 larghezza è 100% quando combinato con row-fluid e 1170px quando non è (e altre dimensioni che sospetto hanno lo scopo di riempire la maggior parte dell'area in diverse dimensioni dello schermo)

Questo per me suggerisce che si tratta per lo più di un elemento della griglia autonomo: non significa avere altri elementi della griglia che galleggiano lungo il lato.

Ho potuto vedere se volevano consentire di avere altri elementi della griglia lungo il lato per siti davvero enormi (larghezze dello schermo di 2560 pixel, ecc. Ecc.), Tranne questo non funzionerebbe affatto quando si usa il fluido di riga come il primo in la riga occuperebbe tutto lo spazio poiché utilizza la larghezza 100%.

Ma personalmente non ho visto molti, se non nessuno, siti che usassero una larghezza così grande che avrebbe permesso di usare un elemento di griglia span12 lungo il lato di altri elementi della griglia.

Così bootstrap implementa altri metodi di stile che rendono necessario lo spostamento della classe span12? O stanno solo anticipando l'uso futuro di grandi siti?

Come uso io stesso il bootstrap, se è necessario per altre tecniche di styling, non voglio finire un giorno dopo aver rimosso il float quando è necessario e inoltre non voglio ingannare gli altri quando rispondo alle domande se il reset del float finirebbe a rovinare il loro layout quando si utilizza il bootstrap.

Modifica

Come DontFeedTheCode sottolinea che questo è stato affrontato in Bootstrap 3, tutte le altre classi di griglia vengono a galla, mentre il 12 non lo fa.

nella versione 2.3.2 sembra che stavano usando [class*="span"] come selettore per impostare stili in modo span12 viene selezionato per caso

+2

https://github.com/twbs/bootstrap/blob/master/less/grid.less check out line 79, questo è stato risolto. –

risposta

2

Come bootstrap è scritto in meno, e in tutte le classi 2.3.2 campata sono stati generati utilizzando .gridColumn() mixin - tutte le classi span hanno avuto il float:left;. Questo non è per qualsiasi grande layout come 2500 o così.

Problemi correlati