rename vertical-divider to divider-vertical, add more space around the divider

docs/assets/css/bootstrap-responsive.css

@@ -308,7 +308,7 @@
   .navbar .nav > li > a {
     margin-bottom: 2px;
   }
-  .navbar .nav > .vertical-divider {
+  .navbar .nav > .divider-vertical {
     display: none;
   }
   .navbar .nav > li > a, .navbar .dropdown-menu a {

docs/assets/css/bootstrap.css

@@ -2509,10 +2509,10 @@ button.btn.small, input[type="submit"].btn.small {
   background-color: #222222;
   background-color: rgba(0, 0, 0, 0.5);
 }
-.navbar .vertical-divider {
+.navbar .divider-vertical {
   height: 40px;
   width: 1px;
-  margin: 0 5px;
+  margin: 0 9px;
   overflow: hidden;
   background-color: #222222;
   border-right: 1px solid #333333;

docs/base-css.html

@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>

docs/components.html

@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
@@ -694,7 +694,7 @@
           </form>
           <ul class="nav pull-right">
             <li><a href="#">Link</a></li>
-            <li class="vertical-divider"></li>
+            <li class="divider-vertical"></li>
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
               <ul class="dropdown-menu">

docs/download.html

@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="active">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>

docs/examples.html

@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="active">
                 <a href="./examples.html">Examples</a>
               </li>

docs/index.html

@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>

docs/javascript.html

@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>

docs/less.html

@@ -59,10 +59,10 @@
               <li class="active">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>

docs/scaffolding.html

@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>

docs/templates/layout.mustache

@@ -59,10 +59,10 @@
               <li class="{{less}}">
                 <a href="./less.html">{{_i}}Using LESS{{/i}}</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="{{download}}">
                 <a href="./download.html">{{_i}}Customize{{/i}}</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="{{examples}}">
                 <a href="./examples.html">{{_i}}Examples{{/i}}</a>
               </li>

docs/templates/pages/components.mustache

@@ -618,7 +618,7 @@
           </form>
           <ul class="nav pull-right">
             <li><a href="#">{{_i}}Link{{/i}}</a></li>
-            <li class="vertical-divider"></li>
+            <li class="divider-vertical"></li>
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{_i}}Dropdown{{/i}} <b class="caret"></b></a>
               <ul class="dropdown-menu">

docs/upgrading.html

@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>

less/navbar.less

@@ -208,10 +208,10 @@
 }
 
 // Dividers (basically a vertical hr)
-.navbar .vertical-divider {
+.navbar .divider-vertical {
   height: @navbarHeight;
   width: 1px;
-  margin: 0 5px;
+  margin: 0 9px;
   overflow: hidden;
   background-color: @navbarBackground;
   border-right: 1px solid @navbarBackgroundHighlight;

less/responsive.less

@@ -207,7 +207,7 @@
   .navbar .nav > li > a {
     margin-bottom: 2px;
   }
-  .navbar .nav > .vertical-divider {
+  .navbar .nav > .divider-vertical {
     display: none;
   }
   // Nav and dropdown links in navbar