垂直导航主要用于网站的侧边栏导航，使用侧边栏的好处是可以节约空间。因此，一些内容多，而又喜欢简约的网站，常常以侧边栏的方式进行展示。
默认情况下，列表及列表项 li 元素都是块级元素，每个列表项后独占一行。因此，使用无序列表创建垂直导航就非常方便。
首先，创建一个无序列表来包裹导航链接：
这时预览，发现列表的内容都挤在一起，前面还有一个小圆点。并且，链接文本以蓝色显示，还带有下划线。如图 6?12 所示：
图6-13 垂直导航
关于作者
歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。
来源：ixygj197875
声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！