<ul> <li><a href="##">Home</a></li> <li><a href="##">CSS3</a></li> <li><a href="##">Sass</a></li> <li><a href="##">jQuery</a></li> <li><a href="##">Responsive</a></li> </ul>
实现原理
实现原理并不难，列表<ul>上设置宽度为“100%”，然后每个菜单项<li>设置了“display:table-cell”，让列表项以模拟表格单元格的形式显示
导航加下拉菜单（二级导航）
前面介绍的都是使用Bootstrap框架制作一级导航，但很多时候，在Web页面中是离不开二级导航的效果。那么在Bootstrap框架中制作二级导航就更容易了。只需要将li当作父容器，使用类名“dropdown”，同时在li中嵌套另一个列表ul，使用前面介绍下拉菜单的方法就可以：
<ul> <li><a href="##">首页</a></li> <li> <a href="##" data-toggle="dropdown">教程<span></span></a> <ul> <li><a href="##">CSS3</a></li> … </ul> </li> <li><a href="##">关于我们</a></li> </ul>
面包屑式导航
面包屑(Breadcrumb)一般用于导航，主要是起的作用是告诉用户现在所处页面的位置（当前位置）。在Bootstrap框架中面包屑也是一个独立模块组件
使用方法
使用方式就很简单，为ol加入breadcrumb类：
<ol> <li><a href="#">首页</a></li> <li><a href="#">我的书</a></li> <li>《图解CSS3》</li> </ol>