2013-09-28 14 views
17

Ho giocato con bootstrap 3 e ho notato che se si utilizza il sistema di griglia senza un contenitore diventa fluido, qualcuno mi ha detto che non dovrei farlo perché il sistema è stato di progettazione di essere all'interno di un contenitore. Cosa succede se non utilizzo la classe contenitore ?, ne ho bisogno ?, in caso affermativo potrei rendere la larghezza della classe del contenitore 100% senza rovinare le media-query del bootstrap, o c'è un altro modo migliore per costruire un fluido disposizione con bootstrap 3.Bootstrap 3 Grid, ho bisogno di un contenitore?

+0

possibile duplicato di [Layout larghezza intera con twitter bootstrap] (http://stackoverflow.com/questions/14263307/full-width-layout-with-twitter-bootstrap) –

risposta

17

È necessario eseguire il wrapping row in container o si riscontrerà un problema con i margini negativi utilizzati da BS 3 per l'elemento row. Fondamentalmente il row è progettato per essere all'interno di un contenitore. Read more on the Bootstrap grid

giocare con questo esempio a Bootply: http://bootply.com/83751

2

penso ne avete bisogno. Senza il contenitore è un buon lavoro - ma mostra una barra di scorrimento orizzontale nella parte inferiore della pagina e circa 20px sono tagliati fuori dalla parte destra dello schermo.

Guarda come funziona senza la classe del contenitore: vai su http://getbootstrap.com/ e rimuovi la classe del contenitore usando l'elemento inspect.

+0

Quel sito non sta utilizzando la larghezza della flud/fluido layout anche se non si applica davvero. Se si utilizza un layout a larghezza intera, non è più necessario il contenitore poiché il fluido del contenitore è stato rimosso da BS3. –

1

Basta utilizzare la classe contenitore del liquido al posto della classe contenitore. class = "container-fluid" ti permetterà di usare tutta la larghezza.

+0

Il liquido del contenitore non è stato rimosso da Bootstrap 3 in favore dell'utilizzo di righe e colonne? –

+0

container-fluid è stato aggiunto nuovamente a Bootstrap 3. –

+0

Container-fluid tuttavia, ha una larghezza massima di 1200 px –

Problemi correlati