Bootstrap Element 100% Width

by

The container class is intentionally not 100% width. It is different fixed widths depending on the width of the viewport.

If you want to work with the full width of the screen, use .container-fluid:

Bootstrap 3:

<body>
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-6"></div>
      <div class="col-lg-6"></div>
    </div>
    <div class="row">
      <div class="col-lg-8"></div>
      <div class="col-lg-4"></div>
    </div>
    <div class="row">
      <div class="col-lg-12"></div>
    </div>
  </div>
</body>

Bootstrap 2:

<body>
  <div class="row">
    <div class="span6"></div>
    <div class="span6"></div>
  </div>
  <div class="row">
    <div class="span8"></div>
    <div class="span4"></div>
  </div>
  <div class="row">
    <div class="span12"></div>
  </div>
</body>

More Related Contents:

  1. How to set up fixed width for ?
  2. Change navbar color in Twitter Bootstrap
  3. Order columns through Bootstrap4
  4. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  5. Add Bootstrap Glyphicon to Input Box
  6. Bootstrap 4 navbar with 2 rows
  7. Bootstrap 3 Navbar with Logo
  8. Twitter Bootstrap Form File Element Upload Button
  9. Bootstrap: how to stack divs of different heights?
  10. How to style icon color, size, and shadow of Font Awesome Icons
  11. Bootstrap icons are loaded locally but not when online
  12. Fixed sidebar navigation in fluid twitter bootstrap 2.0
  13. top nav bar blocking top content of the page
  14. Bootstrap xs columns wrap
  15. How to align an image dead center with bootstrap
  16. bootstrap 3 responsive table with fixed first column
  17. Bootstrap 3 modal vertical position center
  18. CSS: 100% width or height while keeping aspect ratio?
  19. css framework for an app with existing stylesheet
  20. Bootstrap: align input with button
  21. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  22. How to use the new affix plugin in twitter’s bootstrap 2.1.0?
  23. How to create the masonry effects with just bootstrap 3 grid system and css
  24. How can I change the order of Bootstrap columns?
  25. Bootstrap 4 custom build generator / download [duplicate]
  26. Bootstrap Responsive Text Size [duplicate]
  27. css to make bootstrap navbar transparent
  28. How do I make card-columns order horizontally?
  29. Bootstrap Grid System new line does not look nice
  30. Styling the arrow on bootstrap tooltips [duplicate]

Leave a Comment