diff options
| author | Mark Otto <[email protected]> | 2014-06-10 21:24:44 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-06-10 21:24:44 -0700 |
| commit | 5c6c0a194d61f8fb8ffca94bc5e695a7dda87fd7 (patch) | |
| tree | e5ed8128b1589b8635336223c29d8cf63ae660c7 /docs/_includes | |
| parent | dcbe484a09531da4ecc80fd2991a9910fb6a64ed (diff) | |
| download | bootstrap-5c6c0a194d61f8fb8ffca94bc5e695a7dda87fd7.tar.xz bootstrap-5c6c0a194d61f8fb8ffca94bc5e695a7dda87fd7.zip | |
fixes #13775: tweak grid nesting docs about # of cols, change up example slightly
Diffstat (limited to 'docs/_includes')
| -rw-r--r-- | docs/_includes/css/grid.html | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/docs/_includes/css/grid.html b/docs/_includes/css/grid.html index 593b02a43..8ff53dd71 100644 --- a/docs/_includes/css/grid.html +++ b/docs/_includes/css/grid.html @@ -347,30 +347,30 @@ <h3 id="grid-nesting">Nesting columns</h3> - <p>To nest your content with the default grid, add a new <code>.row</code> and set of <code>.col-md-*</code> columns within an existing <code>.col-md-*</code> column. Nested rows should include a set of columns that add up to 12 or less.</p> + <p>To nest your content with the default grid, add a new <code>.row</code> and set of <code>.col-md-*</code> columns within an existing <code>.col-md-*</code> column. Nested rows should include a set of columns that add up to 12 or less (it is not required that you use all 12 available columns).</p> <div class="row show-grid"> - <div class="col-md-9"> + <div class="col-sm-9"> Level 1: .col-md-9 <div class="row show-grid"> - <div class="col-md-6"> - Level 2: .col-md-6 + <div class="col-xs-8 col-sm-6"> + Level 2: .col-xs-8 .col-md-6 </div> - <div class="col-md-6"> - Level 2: .col-md-6 + <div class="col-xs-4 col-sm-6"> + Level 2: .col-xs-4 .col-md-6 </div> </div> </div> </div> {% highlight html %} <div class="row"> - <div class="col-md-9"> + <div class="col-sm-9"> Level 1: .col-md-9 <div class="row"> - <div class="col-md-6"> - Level 2: .col-md-6 + <div class="col-xs-8 col-sm-6"> + Level 2: .col-xs-8 .col-md-6 </div> - <div class="col-md-6"> - Level 2: .col-md-6 + <div class="col-xs-4 col-sm-6"> + Level 2: .col-xs-4 .col-md-6 </div> </div> </div> |