Ich habe mit Bootstrap 3 gespielt und mir ist aufgefallen, dass wenn Sie das Grid System ohne einen Container benutzen, es flüssig wird, jemand sagte mir, dass ich das nicht tun sollte, weil das System in einem Container sein sollte. Was passiert, wenn ich die Containerklasse nicht verwende ?, brauche ich sie? Wenn ja, kann ich die Containerklasse auf 100% setzen, ohne die Medienabfragen des Bootstrap zu durcheinander zu bringen, oder gibt es eine andere oder bessere Möglichkeit, ein Fluid zu erstellen Layout mit Bootstrap 3.Bootstrap 3 Grid, brauche ich einen Container?
Antwort
Sie sollten row
in container
wickeln oder Sie haben ein Problem mit den negativen Margen, die BS 3 für das Element row
verwendet. Grundsätzlich ist die row
entworfen, um in einem Container zu sein. Read more on the Bootstrap grid
Spielen Sie mit diesem Beispiel auf Bootply: http://bootply.com/83751
Ich denke, dass Sie es brauchen. Ohne den Container funktioniert es - aber es zeigt eine horizontale Bildlaufleiste am unteren Rand der Seite und etwa 20px sind von der rechten Seite des Bildschirms abgeschnitten.
Sehen Sie selbst, wie es ohne die Container-Klasse funktioniert - gehen Sie einfach zu http://getbootstrap.com/ und entfernen Sie die Container-Klasse mit Inspect-Element.
Diese Seite verwendet nicht die Flud Breite/Flüssigkeit Layout, obwohl das nicht wirklich zutrifft. Wenn Sie ein Layout mit voller Breite verwenden, benötigen Sie den Container nicht mehr, da Container-Fluid aus BS3 entfernt wurde. –
einfach die Container-Flüssigkeit-Klasse verwenden, anstatt die Container-Klasse. class = "container-fluid" ermöglicht es Ihnen, die volle Breite zu verwenden.
Wurde aus Bootstrap 3 keine Container-Flüssigkeit entfernt, um nur Zeilen und Spalten zu verwenden? –
Behälter-Flüssigkeit wurde wieder in Bootstrap 3 hinzugefügt. –
Container-Flüssigkeit hat jedoch eine maximale Breite von 1200px –
- 1. Grid mit Container-Flüssigkeit und Container in Bootstrap 3
- 2. Wie zentriere ich einen Bootstrap-Container?
- 3. Bootstrap 3 Fluid Container mit zentriertem Inhalt
- 4. Vollbild über dem Container auf Bootstrap 3
- 5. Box-Shadow auf Bootstrap 3 Container
- 6. Twitter's Bootstrap 3 Grid, Breakpoint wechseln und Padding entfernen
- 7. Wo finde ich Container-Fluid-Klasse in Bootstrap 3?
- 8. Wie kann ich das Bootstrap-Grid verwenden?
- 9. bootstrap fluid grid: Eingang bricht aus seinem Container in ie7
- 10. Bootstrap Grid System Ausgabe
- 11. Bootstrap Grid Problem
- 12. Bootstrap Modal einen Link auf UI-Grid
- 13. Twitter Bootstrap "container-fluid"
- 14. Wie platziere ich diese Bilder in einem Bootstrap 3-Grid-System?
- 15. Bootstrap Grid Bild beigefügt
- 16. Bootstrap Container
- 17. Bootstrap Grid Layout (Span Reihen?)
- 18. Wie in Bootstrap 1/5 Column Grid auf 3
- 19. Erstellen eines Foundation-style Block Grid in Bootstrap 3?
- 20. Wie zwei col nach rechts auszurichten? bootstrap 3 grid
- 21. Bootstrap 3 Hinzufügen von Dachrinnen zum Grid-System
- 22. Bootstrap 2 bis Bootstrap 3
- 23. 3 Spaltenraster navbar bootstrap
- 24. Eingabefelder größer als Eingabe in Bootstrap 3 mit Jumbotron Container
- 25. Bootstrap 3, Container in voller Höhe ohne Scroll
- 26. Override Bootstrap Container Breite
- 27. Bootstrap Grid Overflow Center
- 28. Wie erstellt man einen Grid-Header mit Twitter Bootstrap?
- 29. Bootstrap Grid System Ausrichtung
- 30. Bootstrap Grid Layout wie? 2 Spalten von 3 (Desktop) -> 3 Spalten von 2 (Tablet)
möglich duplicate von [Full width layout mit twitter bootstrap] (http://stackoverflow.com/questions/14263307/full-width-layout-with-twitter-bootstrap) –