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

前端之家收集整理的这篇文章主要介绍了Bootstrap组件学习之导航、标签、面包屑导航(精品)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

导航

@H_301_3@

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

<Meta charset="utf-8">

1、标签

@H_301_3@

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

@H_301_3@@H_301_3@

2、胶囊式标签

@H_301_3@

@H_301_3@@H_301_3@

nav-tabs用.nav-pills代替。@H_301_3@

禁用的链接:@H_301_3@

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

3、使用下拉菜单

@H_301_3@

@H_301_3@@H_301_3@

4、可用的变体

@H_
301_3@

@H_301_3@@H_301_3@

5、面包屑导航

@H_301_3@

@H_301_3@@H_301_3@

以上所述是小编给大家介绍的Bootstrap组件学习之导航、标签、面包屑导航(精品)的相关知识。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。@H_301_3@

猜你在找的Bootstrap相关文章