From: Mark Otto <otto@github.com>
Date: Tue, 30 Jul 2013 00:21:22 +0000 (-0700)
Subject: Attempts to fix #8645: add code comments to grid example to clarify behavior
X-Git-Tag: v3.0.0~100
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ddafa9a0bbc9cd89376a642ba9746ec668f6ce21;p=thirdparty%2Fbootstrap.git

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

diff --git a/css.html b/css.html
index 58bdb2b55d..e9fc41156f 100644
--- a/css.html
+++ b/css.html
@@ -239,15 +239,20 @@ base_url: "../"
       </div>
     </div>
 {% highlight html %}
+<!-- Stack the columns on mobile by making one full-width and the other half-width -->
 <div class="row">
   <div class="col-12 col-lg-8">8</div>
   <div class="col-6 col-lg-4">4</div>
 </div>
+
+<!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop -->
 <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>
+
+<!-- Columns are always 50% wide, on mobile and desktop -->
 <div class="row">
   <div class="col-6 col-lg-6">6</div>
   <div class="col-6 col-lg-6">6</div>