rearrange customizer content

docs/_includes/nav-customize.html

 <li>
-  <a href="#components">LESS components</a>
-  <ul class="nav">
-    <li><a href="#components-basics">The basics</a></li>
-    <li><a href="#components-standard">Standard styles</a></li>
-    <li><a href="#components-features">Bootstrap features</a></li>
-  </ul>
+  <a href="#less">LESS components</a>
 </li>
 <li>
   <a href="#plugins">jQuery plugins</a>
@@ -12,24 +7,24 @@
 <li>
   <a href="#variables">LESS variables</a>
   <ul class="nav">
-    <li><a href="#customize-basics">The basics</a></li>
-    <li><a href="#customize-buttons">Buttons</a></li>
-    <li><a href="#customize-form-states">Form states</a></li>
-    <li><a href="#customize-alerts">Alerts</a></li>
-    <li><a href="#customize-navbar">Navbar</a></li>
-    <li><a href="#customize-tables">Tables</a></li>
-    <li><a href="#customize-forms">Forms</a></li>
-    <li><a href="#customize-dropdowns">Dropdowns</a></li>
-    <li><a href="#customize-panels-wells">Panels and wells</a></li>
-    <li><a href="#customize-jumbotron">Jumbotron</a></li>
-    <li><a href="#customize-modals">Modals</a></li>
-    <li><a href="#customize-list-group">List group</a></li>
-    <li><a href="#customize-thumbnails">Thumbnails</a></li>
-    <li><a href="#customize-progress">Progress bars</a></li>
-    <li><a href="#customize-pagination">Pagination</a></li>
-    <li><a href="#customize-labels">Labels</a></li>
-    <li><a href="#customize-tooltips-popovers">Tooltips and popovers</a></li>
-    <li><a href="#customize-other">Other</a></li>
+    <li><a href="#variables-basics">Basics</a></li>
+    <li><a href="#variables-buttons">Buttons</a></li>
+    <li><a href="#variables-form-states">Form states</a></li>
+    <li><a href="#variables-alerts">Alerts</a></li>
+    <li><a href="#variables-navbar">Navbar</a></li>
+    <li><a href="#variables-tables">Tables</a></li>
+    <li><a href="#variables-forms">Forms</a></li>
+    <li><a href="#variables-dropdowns">Dropdowns</a></li>
+    <li><a href="#variables-panels-wells">Panels and wells</a></li>
+    <li><a href="#variables-jumbotron">Jumbotron</a></li>
+    <li><a href="#variables-modals">Modals</a></li>
+    <li><a href="#variables-list-group">List group</a></li>
+    <li><a href="#variables-thumbnails">Thumbnails</a></li>
+    <li><a href="#variables-progress">Progress bars</a></li>
+    <li><a href="#variables-pagination">Pagination</a></li>
+    <li><a href="#variables-labels">Labels</a></li>
+    <li><a href="#variables-tooltips-popovers">Tooltips and popovers</a></li>
+    <li><a href="#variables-other">Other</a></li>
   </ul>
 </li>
 <li>

docs/assets/css/docs.css

@@ -105,6 +105,14 @@ body {
 }
 .bs-customizer label {
   margin-top: 10px;
+  font-weight: 500;
+  color: #555;
+}
+.bs-customizer h4 {
+  margin-top: 15px;
+}
+.bs-customizer input[type="text"] {
+  background-color: #fafafa;
 }
 
 

docs/assets/js/application.js

@@ -69,7 +69,7 @@
     $('.bs-docs-carousel-example').carousel()
 
     // javascript build logic
-    var inputsComponent = $("#components input")
+    var inputsComponent = $("#less input")
       , inputsPlugin = $("#plugins input")
       , inputsVariables = $("#variables input")