From 0c582f722bf5e6430166ef0adb8d4c79948aeea5 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 15 Aug 2013 20:25:43 -0700
Subject: [PATCH] More responsive customizer layout

---
 assets/css/docs.css |  4 ++++
 customize.html      | 29 ++++++++++++++---------------
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/assets/css/docs.css b/assets/css/docs.css
index f057dc3edb..f3e3b13bb0 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -189,6 +189,10 @@ body {
   text-align: center;
 }
 
+#less-section label {
+  font-weight: normal;
+}
+
 
 
 /* Docs pages and sections
diff --git a/customize.html b/customize.html
index 15c5a2cf36..26df1c7485 100644
--- a/customize.html
+++ b/customize.html
@@ -18,7 +18,7 @@ base_url: "../"
 
     <h3>Basics</h3>
     <div class="row">
-      <div class="col-lg-4">
+      <div class="col-xs-6 col-sm-4">
         <h4>Layout</h4>
         <div class="checkbox">
           <label>
@@ -45,7 +45,7 @@ base_url: "../"
           </label>
         </div>
       </div>
-      <div class="col-lg-4">
+      <div class="col-xs-6 col-sm-4">
         <h4>Global CSS</h4>
         <div class="checkbox">
           <label>
@@ -78,7 +78,7 @@ base_url: "../"
           </label>
         </div>
       </div>
-      <div class="col-lg-4">
+      <div class="col-xs-6 col-sm-4">
         <h4>Utility classes</h4>
         <div class="checkbox">
           <label>
@@ -103,14 +103,7 @@ base_url: "../"
 
     <h3>Components</h3>
     <div class="row">
-      <div class="col-lg-4">
-        <div class="checkbox">
-          <label>
-            <input type="checkbox" checked value="input-groups.less">
-            Input groups
-          </label>
-        </div>
-
+      <div class="col-xs-6 col-sm-4">
         <h4>Navigation</h4>
         <div class="checkbox">
           <label>
@@ -143,7 +136,7 @@ base_url: "../"
           </label>
         </div>
       </div>
-      <div class="col-lg-4">
+      <div class="col-xs-6 col-sm-4">
         <h4>Content blocks</h4>
         <div class="checkbox">
           <label>
@@ -164,7 +157,7 @@ base_url: "../"
           </label>
         </div>
       </div>
-      <div class="col-lg-4">
+      <div class="col-xs-6 col-sm-4">
         <h4>Behavioral (requires JS)</h4>
         <div class="checkbox">
           <label>
@@ -206,7 +199,7 @@ base_url: "../"
     </div>
 
     <div class="row">
-      <div class="col-lg-4">
+      <div class="col-xs-6 col-sm-4">
         <h4>Media</h4>
         <div class="checkbox">
           <label>
@@ -227,8 +220,14 @@ base_url: "../"
           </label>
         </div>
       </div>
-      <div class="col-lg-4">
+      <div class="col-xs-6 col-sm-4">
         <h4>Miscellaneous</h4>
+        <div class="checkbox">
+          <label>
+            <input type="checkbox" checked value="input-groups.less">
+            Input groups
+          </label>
+        </div>
         <div class="checkbox">
           <label>
             <input type="checkbox" checked value="button-groups.less">