diff options
| author | Mark Otto <[email protected]> | 2016-10-24 22:10:35 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2016-10-24 22:10:35 -0700 |
| commit | f11f630acd4b0cfad3188d125241a41b6ab11627 (patch) | |
| tree | 94a6f518289752149c4c273e671a45a4d4f3eb55 /docs/examples/grid | |
| parent | ee47abd56ccd9af99a4e301e9e6ee6cc93a54bb7 (diff) | |
| parent | ba49d709baa3120782b96e1379e5cbe797ce01c9 (diff) | |
| download | bootstrap-f11f630acd4b0cfad3188d125241a41b6ab11627.tar.xz bootstrap-f11f630acd4b0cfad3188d125241a41b6ab11627.zip | |
Merge pull request #20947 from bardiharborow/examples
Normalize examples and update where relevant.
Diffstat (limited to 'docs/examples/grid')
| -rw-r--r-- | docs/examples/grid/index.html | 62 |
1 files changed, 30 insertions, 32 deletions
diff --git a/docs/examples/grid/index.html b/docs/examples/grid/index.html index 02df70804..9b8e23f07 100644 --- a/docs/examples/grid/index.html +++ b/docs/examples/grid/index.html @@ -27,35 +27,35 @@ <h3>Five grid tiers</h3> <p>There are five tiers to the Bootstrap grid system, one for each range of devices we support. Each tier starts at a minimum viewport size and automatically applies to the larger devices unless overridden.</p> -<div class="row"> - <div class="col-xs-4">.col-xs-4</div> - <div class="col-xs-4">.col-xs-4</div> - <div class="col-xs-4">.col-xs-4</div> -</div> - -<div class="row"> - <div class="col-sm-4">.col-sm-4</div> - <div class="col-sm-4">.col-sm-4</div> - <div class="col-sm-4">.col-sm-4</div> -</div> - -<div class="row"> - <div class="col-md-4">.col-md-4</div> - <div class="col-md-4">.col-md-4</div> - <div class="col-md-4">.col-md-4</div> -</div> - -<div class="row"> - <div class="col-lg-4">.col-lg-4</div> - <div class="col-lg-4">.col-lg-4</div> - <div class="col-lg-4">.col-lg-4</div> -</div> - -<div class="row"> - <div class="col-xl-4">.col-xl-4</div> - <div class="col-xl-4">.col-xl-4</div> - <div class="col-xl-4">.col-xl-4</div> -</div> + <div class="row"> + <div class="col-xs-4">.col-xs-4</div> + <div class="col-xs-4">.col-xs-4</div> + <div class="col-xs-4">.col-xs-4</div> + </div> + + <div class="row"> + <div class="col-sm-4">.col-sm-4</div> + <div class="col-sm-4">.col-sm-4</div> + <div class="col-sm-4">.col-sm-4</div> + </div> + + <div class="row"> + <div class="col-md-4">.col-md-4</div> + <div class="col-md-4">.col-md-4</div> + <div class="col-md-4">.col-md-4</div> + </div> + + <div class="row"> + <div class="col-lg-4">.col-lg-4</div> + <div class="col-lg-4">.col-lg-4</div> + <div class="col-lg-4">.col-lg-4</div> + </div> + + <div class="row"> + <div class="col-xl-4">.col-xl-4</div> + <div class="col-xl-4">.col-xl-4</div> + <div class="col-xl-4">.col-xl-4</div> + </div> <h3>Three equal columns</h3> <p>Get three equal-width columns <strong>starting at desktops and scaling to large desktops</strong>. On mobile devices, tablets and below, the columns will automatically stack.</p> @@ -135,7 +135,7 @@ <hr> <h3>Column clearing</h3> - <p><a href="https://getbootstrap.com/css/#grid-responsive-resets">Clear floats</a> at specific breakpoints to prevent awkward wrapping with uneven content.</p> + <p><a href="../../layout/grid/#example-responsive-column-resets">Clear floats</a> at specific breakpoints to prevent awkward wrapping with uneven content.</p> <div class="row"> <div class="col-xs-6 col-sm-3"> .col-xs-6 .col-sm-3 @@ -164,10 +164,8 @@ <div class="col-sm-6 col-md-5 offset-md-2 col-lg-6 offset-lg-0">.col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0</div> </div> - </div> <!-- /container --> - <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> |