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

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">