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

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

导航

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

<Meta charset="utf-8">
  • @H_301_15@
  • @H_301_15@
  • 1、标签

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

  • @H_301_15@
  • @H_301_15@
  • 2、胶囊式标签

    nav-tabs用.nav-pills代替。

    禁用的链接:

    Profile@H_301_15@

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

    3、使用下拉菜单

    @H_301_15@
  • @H_301_15@
  • @H_301_15@
  • 4、可用的变体

    5、面包屑导航

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

    原文链接:https://www.f2er.com/bootstrap/48686.html

    猜你在找的Bootstrap相关文章