Skip to content

B
bootstrap
Commit ddafa9a0 authored by Mark Otto's avatar Mark Otto
Browse files
Options

Attempts to fix #8645: add code comments to grid example to clarify behavior

parent 5716355c
Show whitespace changes
Inline Side-by-side
Showing with 5 additions and 0 deletions
css.html
View file @ ddafa9a0
...@@ -239,15 +239,20 @@ base_url: "../" ...@@ -239,15 +239,20 @@ base_url: "../"
</div> </div>
</div> </div>
{% highlight html %} {% highlight html %}
<!-- Stack the columns on mobile by making one full-width and the other half-width -->
<div class="row"> <div class="row">
<div class="col-12 col-lg-8">8</div> <div class="col-12 col-lg-8">8</div>
<div class="col-6 col-lg-4">4</div> <div class="col-6 col-lg-4">4</div>
</div> </div>
<!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop -->
<div class="row"> <div class="row">
<div class="col-6 col-lg-4">4</div> <div class="col-6 col-lg-4">4</div>
<div class="col-6 col-lg-4">4</div> <div class="col-6 col-lg-4">4</div>
<div class="col-6 col-lg-4">4</div> <div class="col-6 col-lg-4">4</div>
</div> </div>
<!-- Columns are always 50% wide, on mobile and desktop -->
<div class="row"> <div class="row">
<div class="col-6 col-lg-6">6</div> <div class="col-6 col-lg-6">6</div>
<div class="col-6 col-lg-6">6</div> <div class="col-6 col-lg-6">6</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment