Can anything go outside a column?
The Bootstrap Grid system section says:
Content should be placed within columns, and only columns may be immediate children of rows.
See http://getbootstrap.com/css/#grid
The Bootstrap docs don't always follow its own rule:
Case in point, the div.bs-docs-header
has a child div.container
, which directly contains content.
I think what the docs really mean is the second part of the quote: "only columns may be immediate children of rows." I would feel comfortable placing content:
- outside a
.container
- between a
.container
and a.row
- inside a
.col-
- between a
.col-
and a child.row
In other words:
.container Content .row No Content .col- Content .row No Content .col-
Am I off base here? Let me know on Twitter @dicshaunary.