From 7820d4d545bf06c55add3bc20dddeb3ccd8ee3ed Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <hi@ricostacruz.com>
Date: Mon, 14 Jul 2014 21:55:02 +0800
Subject: [PATCH] Update bootstrap.

---
 bootstrap.md | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/bootstrap.md b/bootstrap.md
index 34fd068ba..16e47c26c 100644
--- a/bootstrap.md
+++ b/bootstrap.md
@@ -3,30 +3,30 @@ title: Bootstrap
 layout: default
 ---
 
-### Media queries
+### Screen sizes
 
-    /* Small devices (tablets, 768px and up) */
-    @media (min-width: @screen-sm-min)
+             768          992                1200
+    '     '     '     '     '     '     '     '     '
+    <---------^------------^------------------^--------->
+            xs      sm              md             lg
 
-    /* Medium devices (desktops, 992px and up) */
-    @media (min-width: @screen-md-min)
+Min:
 
-    /* Large devices (large desktops, 1200px and up) */
-    @media (min-width: @screen-lg-min)
+    @media (min-width: @screen-sm-min)   /* small  >= 768px    tablet      */
+    @media (min-width: @screen-md-min)   /* medium >= 992px    desktop     */
+    @media (min-width: @screen-lg-min)   /* large  >= 1200px   big desktop */
 
-### Max
+Max:
 
-    /* mobile < 768px  */
-    @media (max-width: @screen-xs-max)
-
-    /* tablets < 992px */
-    @media (max-width: @screen-sm-max)
-
-    /* desktop < 1200px */
-    @media (max-width: @screen-md-max)
+    @media (max-width: @screen-xs-max)   /* xsmall  < 768px    phone   */
+    @media (max-width: @screen-sm-max)   /* smalll  < 992px    tablet  */
+    @media (max-width: @screen-md-max)   /* medium  < 1200px   desktop */
 
 ### Columns
 
+    .container
+    .container-fluid
+
     .col-xs-1
     .col-sm-1
     .col-md-1