<nav class="nav"> <ul> <li><a href="">菜单1</a></li> <li><a href="">菜单2</a> <ul> <li><a href="">链接链接链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> <li class="active"><a href="">菜单3</a> <ul> <li><a href="">链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> <li><a href="">菜单4</a> <ul> <li><a href="">链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> </ul> </nav>
<nav class="nav nav-full nav-bg-blue"> <ul> <li><a href="">菜单1</a></li> <li> <a href="">菜单2</a> <ul> <li><a href="">链接链接链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> <li class="active"> <a href="">菜单3</a> <ul> <li><a href="">链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> <li> <a href="">菜单4</a> <ul> <li><a href="">链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> </ul> </nav>
<nav class="nav nav-bottom"> <ul> <li><a href="">菜单1</a></li> <li> <a href="">菜单2</a> <ul> <li><a href="">链接链接链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> <li class="active"> <a href="">菜单3</a> <ul> <li><a href="">链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> <li> <a href="">菜单4</a> <ul> <li><a href="">链接1</a></li> <li><a href="">链接2</a></li> <li><a href="">链接3</a></li> <li><a href="">链接4</a></li> <li><a href="">链接5</a></li> </ul> </li> </ul> </nav>


颜色
颜色 样式
红色 class="nav nav-bg-red"
黄色 class="nav nav-bg-yellow"
蓝色 class="nav nav-bg-blue"
绿色 class="nav nav-bg-green"
浅蓝色 class="nav nav-bg-info"
黑色 class="nav nav-bg-black"





<nav class="nav nav-bg-red"> <ul> <li class="active"><a href="">菜单1</a></li> <li><a href="">菜单2</a></li> <li><a href="">菜单3</a></li> <li><a href="">菜单4</a></li> </ul> </nav> <br> <nav class="nav nav-bg-yellow"> <ul> <li><a href="">菜单1</a></li> <li class="active"><a href="">菜单2</a></li> <li><a href="">菜单3</a></li> <li><a href="">菜单4</a></li> </ul> </nav> <br> <nav class="nav nav-bg-blue"> <ul> <li><a href="">菜单1</a></li> <li><a href="">菜单2</a></li> <li class="active"><a href="">菜单3</a></li> <li><a href="">菜单4</a></li> </ul> </nav> <br> <nav class="nav nav-bg-green"> <ul> <li><a href="">菜单1</a></li> <li><a href="">菜单2</a></li> <li><a href="">菜单3</a></li> <li class="active"><a href="">菜单4</a></li> </ul> </nav> <br> <nav class="nav nav-bg-info"> <ul> <li class="active"><a href="">菜单1</a></li> <li><a href="">菜单2</a></li> <li><a href="">菜单3</a></li> <li><a href="">菜单4</a></li> </ul> </nav> <br> <nav class="nav nav-bg-black"> <ul> <li><a href="">菜单1</a></li> <li class="active"><a href="">菜单2</a></li> <li><a href="">菜单3</a></li> <li><a href="">菜单4</a></li> </ul> </nav>