Am I only supposed to have one Bootstrap 3 container? -
i'm trying figure out bootstrap 3 , having lots of trouble. bootstrap 3 site says:
easily center page's contents wrapping contents in .container. containers set width @ various media query breakpoints match our grid system.
note that, due padding , fixed widths, containers not nestable default.
the former line seems support this, wouldn't want nested containers re-set width more parent. latter line makes me think should have 1 container on page (or siblings @ most), regardless of fluid/normal/etc., without doing "extra".
is correct?
you correct in not want nest .containers. however, there plenty of cases have multiple containers. instance, if want have full width element (screen width, not container width). fine:
<div class="container"> <div class="col-md-12"> <p>content</p> </div> </div> <div id="full-width-element"> <p>other content, stretching full width of page</p> </div> <div class="container"> <div class="col-md-12"> <p>content</p> </div> </div> take @ examples on bootstrap site: http://getbootstrap.com/getting-started/#examples, use multiple .containers well.
so nesting container not idea without modification or careful consideration. using multiple containers fine (otherwise should have been id instead of class well)!
Comments
Post a Comment