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?
risposta
È 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
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.
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. –
Basta utilizzare la classe contenitore del liquido al posto della classe contenitore. class = "container-fluid" ti permetterà di usare tutta la larghezza.
Il liquido del contenitore non è stato rimosso da Bootstrap 3 in favore dell'utilizzo di righe e colonne? –
container-fluid è stato aggiunto nuovamente a Bootstrap 3. –
Container-fluid tuttavia, ha una larghezza massima di 1200 px –
- 1. Bootstrap 3.0 Grid Spiegazione
- 2. Contenitore fluido Bootstrap 3 con contenuto centrato
- 3. box-shadow sul contenitore bootstrap 3
- 4. Bootstrap di Twitter: ho bisogno sia delle gemme bootstrap-sass e twitter-bootstrap-rails?
- 5. Contenitore di nidificazione all'interno di un bootstrap di un contenitore
- 6. Ho bisogno di un buon uploader JavaScript
- 7. Ho bisogno di aiuto su un algoritmo
- 8. Ho davvero bisogno di un SDK OpenCL?
- 9. Ho bisogno di eseguire un allungamento dell'istogramma
- 10. Ho bisogno di un account sviluppatore Apple?
- 11. Ho bisogno di un abbonamento MSDN
- 12. Perché ho bisogno di interfaccia?
- 13. Ho davvero bisogno di libgcc?
- 14. Rotativa e Bootstrap Grid Styling
- 15. PayPal: pixel.gif - Ho bisogno?
- 16. Ho bisogno __closure__
- 17. override larghezza contenitore bootstrap
- 18. Ho bisogno di un esempio di utilizzo Ypsilon
- 19. Ho bisogno di aiuto con un crash di MKMapView
- 20. Ho bisogno di un generatore casuale veloce per C++
- 21. Bootstrap 3 Carousel non funzionerà. (Sì, ho caricato jQuery prima di Bootstrap)
- 22. Ho bisogno di caratteri di sottolineatura separati
- 23. Ho bisogno di aiuto nell'uso di PredicateBuilder
- 24. I bordi tra le colonne di Bootstrap Grid non funzionano
- 25. Grid costruita con Twitter Bootstrap e Backbone.js
- 26. Aspetto UIBarButtonItem Ho bisogno di un'eccezione
- 27. ho bisogno di chiudere uno std :: fstream?
- 28. Di quale certificato SSL ho bisogno?
- 29. Ho bisogno di MSVCR90.dll versione 9.0.21022.8
- 30. Ho bisogno di mangimi con graphql?
possibile duplicato di [Layout larghezza intera con twitter bootstrap] (http://stackoverflow.com/questions/14263307/full-width-layout-with-twitter-bootstrap) –