Bootstrap组件学习之导航、标签、面包屑导航(精品)

导航

Bootstrap中可用的导航有相似的标记，用基类.nav开头，这是相似的部分。改变修饰类可以改变样式。

.container {
margin-top: 20px;
}






Home
Profile
Messages

1、标签页

注意.nav-tabs类需要.nav基类。只要加上.nav-stacked,可以竖直堆叠。

Home
Profile
Messages

2、胶囊式标签页

nav-tabs用.nav-pills代替。

禁用的链接:

Profile

没有鼠标悬停效果,链接功能没有受到影响

3、使用下拉菜单

Dropdown 
 



Home
Profile
Messages


Home
Profile
Messages

4、可用的变体

Default
Primary
Success
Info
Warning
Danger

5、面包屑导航

Home
Library
Data

以上所述是小编给大家介绍的Bootstrap组件学习之导航、标签、面包屑导航(精品)的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！