* support basic nav style, issue #164.

docs/index.json

@@ -1062,6 +1062,9 @@
           "name": "导航",
           "update": "1.6.0",
           "topics": [
+            {
+              "name": "基础样式"
+            },
             {
               "name": "主要导航"
             },

docs/part/component-nav.md

@@ -7,6 +7,88 @@ filter: daohang dh
 
 # 导航
 
+## 基础样式
+
+<div class="example">
+  <ul class="nav">
+    <li class="active">
+      <a href="###">首页</a>
+    </li>
+    <li>
+      <a href="###">动态</a>
+    </li>
+    <li>
+      <a href="###">项目</a>
+    </li>
+    <li>
+      <a class="dropdown-toggle" data-toggle="dropdown" href="###">更多 <span class="caret"></span></a>
+      <ul class="dropdown-menu">
+        <li>
+          <a href="">任务</a>
+        </li>
+        <li>
+          <a href="">Bug</a>
+        </li>
+        <li>
+          <a href="">需求</a>
+        </li>
+        <li>
+          <a href="">用例</a>
+        </li>
+      </ul>
+    </li>
+  </ul>
+</div>
+
+```html
+<ul class="nav">
+  <li class="active"><a href="your/noce/url">首页</a></li>
+  <li><a href="your/noce/url">动态 <span class="label label-badge label-success">4</span></a></li>
+  ...
+</ul>
+```
+
+`.nav-default`
+
+<div class="example">
+  <ul class="nav nav-default">
+    <li class="active">
+      <a href="###">首页</a>
+    </li>
+    <li>
+      <a href="###">动态</a>
+    </li>
+    <li>
+      <a href="###">项目</a>
+    </li>
+    <li>
+      <a class="dropdown-toggle" data-toggle="dropdown" href="###">更多 <span class="caret"></span></a>
+      <ul class="dropdown-menu">
+        <li>
+          <a href="">任务</a>
+        </li>
+        <li>
+          <a href="">Bug</a>
+        </li>
+        <li>
+          <a href="">需求</a>
+        </li>
+        <li>
+          <a href="">用例</a>
+        </li>
+      </ul>
+    </li>
+  </ul>
+</div>
+
+```html
+<ul class="nav nav-default">
+  <li class="active"><a href="your/noce/url">首页</a></li>
+  <li><a href="your/noce/url">动态 <span class="label label-badge label-success">4</span></a></li>
+  ...
+</ul>
+```
+
 ## 主要导航
 
 `.nav-primary`

en/docs/index.json

@@ -1062,6 +1062,9 @@
             "name": "Navigation",
             "update": "1.6.0",
             "topics": [
+              {
+                "name": "Basic style"
+              },
               {
                 "name": "Primary navigations"
               },

en/docs/part/component-nav.md

@@ -7,6 +7,61 @@ filter: daohang dh
 
 # Navigations
 
+
+## 基础样式
+
+<div class="example">
+  <ul class="nav">
+        <li class="active"><a href="###">Home</a></li>
+    <li><a href="###">Dynamics <span class="label label-badge label-success">4</span></a></li>
+    <li><a href="###">Project </a></li>
+    <li>
+      <a class="dropdown-toggle" data-toggle="dropdown" href="###">More <span class="caret"></span></a>
+      <ul class="dropdown-menu">
+        <li><a href="###">Task</a></li>
+        <li><a href="###">Bug</a></li>
+        <li><a href="###">Story</a></li>
+        <li><a href="###">Example</a></li>
+      </ul>
+    </li>
+  </ul>
+</div>
+
+```html
+<ul class="nav">
+  <li class="active"><a href="your/nice/url">Home</a></li>
+  <li><a href="your/nice/url">Dynamics <span class="label label-badge label-success">4</span></a></li>
+  ...
+</ul>
+```
+
+`.nav-default`
+
+<div class="example">
+  <ul class="nav nav-default">
+        <li class="active"><a href="###">Home</a></li>
+    <li><a href="###">Dynamics <span class="label label-badge label-success">4</span></a></li>
+    <li><a href="###">Project </a></li>
+    <li>
+      <a class="dropdown-toggle" data-toggle="dropdown" href="###">More <span class="caret"></span></a>
+      <ul class="dropdown-menu">
+        <li><a href="###">Task</a></li>
+        <li><a href="###">Bug</a></li>
+        <li><a href="###">Story</a></li>
+        <li><a href="###">Example</a></li>
+      </ul>
+    </li>
+  </ul>
+</div>
+
+```html
+<ul class="nav nav-default">
+  <li class="active"><a href="your/nice/url">Home</a></li>
+  <li><a href="your/nice/url">Dynamics <span class="label label-badge label-success">4</span></a></li>
+  ...
+</ul>
+```
+
 ## Primary navigations
 
 `.nav-primary`

src/less/basic/variables.less

@@ -635,6 +635,9 @@
 @nav-open-link-hover-color:                   @color-light;
 @nav-open-caret-border-color:                 @color-light;
 
+@nav-active-link-color:                       @color-primary;
+@nav-active-link-bg:                          @color-pale;
+
 // Tabs
 @nav-tabs-border-color:                       @color-gray-light;
 

src/less/components/navs.less

@@ -43,6 +43,16 @@
       }
     }
 
+    // Active state
+    &.active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: @nav-active-link-color;
+        background-color: @nav-active-link-bg;
+      }
+    }
+
     // Disabled state sets text to gray and nukes hover/tab effects
     &.disabled > a {
       color: @nav-disabled-link-color;