More responsive customizer layout

diff --git a/assets/css/docs.css b/assets/css/docs.css
index f057dc3edb3aded2b4fb91517b827bbd4044e474..f3e3b13bb091e3bf93d412f23d689ae329cc8487 100644 (file)
--- 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 15c5a2cf369fae8db6def535fc1e8c31382bb1d3..26df1c7485dbbfff7f742e0fa53698f45a8382c0 100644 (file)
--- 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">