Od kiedy bootstrap usunął * klasy płynu css w wersji 3.0, nie mogłem znaleźć sposobu na zbudowanie dwu-kolumnowego układu płynów. Celem jest osiągnięcie układ podobny do płynu przykład układu w starszym documantation: http://getbootstrap.com/2.3.2/scaffolding.html#layoutsJak zbudować układ płynów z dwiema kolumnami za pomocą Twittera Bootstrap v3.0
38
A
Odpowiedz
75
Siatka w Bootstrap 3 jest teraz domyślnie płyn (http://getbootstrap.com/getting-started/#migration-dropped). Wystarczy użyć .row
i .container
..
<div class="container">
<div class="row">
<div class="col-md-2">
Sidebar content
</div>
<div class="col-md-10">
Body content
</div>
</div>
</div>
To jednak nie będzie 100% szerokości. Jeśli chcesz szerokość 100% można zrobić coś takiego .. http://www.bootply.com/86324
UPDATE: 3.0.1 i później wykorzystywać container-fluid
na całej szerokości.
Powiązane problemy
- 1. Off Układ płótnie Dla Twittera BootStrap
- 2. Jak zwiększyć dopełnienie między kolumnami za pomocą Bootstrap 3.0
- 3. Normalizuj arkusz stylów za pomocą Twittera bootstrap
- 4. Jak zaprojektować wielopoziomowy układ płynów w QML
- 5. Jak dodać linię między dwiema kolumnami za pomocą systemu siatki Bootstraps na Twitterze
- 6. Jak definiować powiadomienia Flash za pomocą Twittera Bootstrap Rails gem
- 7. Wybierz datę między dwiema kolumnami
- 8. Siatka zbudowana za pomocą Twittera Bootstrap i Backbone.js
- 9. próbuje zaimplementować przycisk "następny" za pomocą Twittera bootstrap-tabs.js
- 10. Stosowanie stylów do tabel za pomocą Twittera Bootstrap
- 11. Jak zastąpić style bootstrap dla Twittera w angular2 za pomocą ng2-bootstrap
- 12. Jak odzyskać nazwę użytkownika Twittera za pomocą Twittera 4j
- 13. Budowanie forum społecznościowego za pomocą Twittera Bootstrapa
- 14. Resetuj arkusz stylów za pomocą Twittera Bootstrapa
- 15. Tabela z kolumnami dynamicznymi, ale układ poprawiony
- 16. Jak wyśrodkować obraz między dwiema kolumnami w CSS?
- 17. Rozdzielacz do Twittera Bootstrap
- 18. Utwórz nowe przyciski Bootstrap dla Twittera za pomocą Bootstrap-Sass w Railsach?
- 19. układ dwóch równań z dwiema niewiadomymi Rozwiąż
- 20. Spinner dla Twittera Bootstrap .btn
- 21. Jak uzyskać adres e-mail użytkownika twittera z pomocą Twittera?
- 22. Dynamicznie zmieniaj układ za pomocą Swinga
- 23. Drag n Drop dla Twittera bootstrap 2.0?
- 24. Jak zwiększyć przyciski bootstrap do Twittera?
- 25. Jak utworzyć ograniczenie sprawdzające między dwiema kolumnami w SQL?
- 26. Jak zbudować WSDL za pomocą Mavena
- 27. Jak usunąć tekst ze wszystkich linii między dwiema kolumnami?
- 28. Jak mogę zbudować AST za pomocą ANTLR4?
- 29. Udostępnianie za pomocą Facebooka, Twittera na iOS
- 30. Jak utworzyć układ obramowania za pomocą css?
Może nie używam właściwych terminów, potrzebuję dwóch kolumn, aby wypełnić całą wysokość strony, nawet jeśli ich zawartość zajmuje tylko część. jestem czysty? – RonyK
Siatka Bootstrap wpływa tylko na szerokość. Wysokość to kolejna kwestia. Możesz zrobić coś takiego: http://bootply.com/86329 – ZimSystem