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: More responsive customizer layout

---
 customize.html | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

(limited to 'customize.html')

diff --git a/customize.html b/customize.html
index 15c5a2cf3..26df1c748 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">
-- 
cgit v1.2.3