mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

Backport #28679.

Browse Source 
* Documentation tweaks
* Remove redundant `col-12` classes
This commit is contained in:
Martijn Cuppens
2019-05-08 18:58:29 +02:00
committed by XhmikosR
parent 36ea7e7421
commit e9d8c1a9dd
5 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/docs/4.3/examples/grid/index.html
+5 -5
View File
@@ -94,10 +94,10 @@ include_js: false
<hr class="my-4">
<h2 class="mt-4">Mixed: mobile and desktop</h2>
<p>The Bootstrap v4 grid system has five tiers of classes: xs (extra small), sm (small), md (medium), lg (large), and xl (extra large). You can use nearly any combination of these classes to create more dynamic and flexible layouts.</p>
<p>Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify xs.</p>
<p>The Bootstrap v4 grid system has five tiers of classes: xs (extra small, this class infix is not used), sm (small), md (medium), lg (large), and xl (extra large). You can use nearly any combination of these classes to create more dynamic and flexible layouts.</p>
<p>Each tier of classes scales up, meaning if you plan on setting the same widths for md, lg and xl, you only need to specify md.</p>
<div class="row mb-3">
<div class="col-12 col-md-8 themed-grid-col">.col-12 .col-md-8</div>
<div class="col-md-8 themed-grid-col">.col-md-8</div>
<div class="col-6 col-md-4 themed-grid-col">.col-6 .col-md-4</div>
</div>
<div class="row mb-3">
@@ -114,7 +114,7 @@ include_js: false
<h2 class="mt-4">Mixed: mobile, tablet, and desktop</h2>
<div class="row mb-3">
<div class="col-12 col-sm-6 col-lg-8 themed-grid-col">.col-12 .col-sm-6 .col-lg-8</div>
<div class="col-sm-6 col-lg-8 themed-grid-col">.col-sm-6 .col-lg-8</div>
<div class="col-6 col-lg-4 themed-grid-col">.col-6 .col-lg-4</div>
</div>
<div class="row mb-3">
@@ -123,4 +123,4 @@ include_js: false
<div class="col-6 col-sm-4 themed-grid-col">.col-6 .col-sm-4</div>
</div>
</div> <!-- /container -->
</div>