1.最初状态下的导航应当使用ul>li
2.导航条---为ul添加.nav样式
不要将 role 属性添加到 ul 上,因为这样可以被辅助设备(残疾人用的)上被识别为一个真正的列表。
3.标签页导航条(横着的导航条)---为ul添加.nav和.nav-tabs, .nav-tabs 类依赖 .nav 基类。
如果需要让被点击以后的li是激活状态可使用js为点击以后的li添加class="active"样式
4.胶囊式标签页,HTML 标记相同,但使用 .nav-pills 类
垂直式胶囊标签页,为胶囊标签ul添加nav-stacked样式
5.被禁用的导航,为li添加disabled样式
6.为导航添加下拉菜单
6.1带下拉菜单的标签页
6.2带下拉菜单的胶囊式标签页
胶囊式标签页与上面的不同在于上面的ul使用.nav-tabs,而这里使用.nav-pills,与上面最大的区别在于激活状态下背景是蓝色
标签:bootstrap , 前端框架