Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 导航头类怎么了?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_696_0@
使用Bootstrap 2.3.2,您可以使用Nav-header类来创建分组列表。 @H_419_2@<ul class="nav nav-pills nav-stacked"> <li class="nav-header">Group A</li> <li><a href="/items/1">Item 1</a></li> <li><a href="/items/2">Item 2</a></li> <li><a href="/items/3">Item 3</a></li> <li class="nav-header">Group B</li> <li><a href="/items/4">Item 4</a></li> <li><a href="/items/5">Item 5</a></li> </ul>

Reference

在Bootstrap 3.0.0中,nav-header类似乎已被删除,尽管我在文档中没有提到它被删除。我也找不到更换。

这种功能是否仍然存在?如果是这样,新的方式是什么?

解决方法

关于LESS文件和Github项目,引导列表和导航标题从未在Bootstrap 3中存在。我猜想已经被遗忘了。

您可以使用这种黑客获得类似的行为:

@H_419_2@ul { width: 300px; margin: 20px; } .nav > li.nav-header > a { cursor: default; font-size: 12px; font-weight: bold; text-transform: uppercase; } @H_419_2@<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/> <ul class="nav nav-pills nav-stacked"> <li class="nav-header"><a>Group A</a></li> <li><a href="/items/1">Item 1</a></li> <li><a href="/items/2">Item 2</a></li> <li><a href="/items/3">Item 3</a></li> <li class="nav-header"><a>Group B</a></li> <li><a href="/items/4">Item 4</a></li> <li><a href="/items/5">Item 5</a></li> </ul>

将标头包含在< a>中,添加类.disabled并创建自己的.nav-header类。

编辑
根据this issuethis changelog,导航列表已被list-group替代,但是您没有任何真正的方法来获得与标题相同的行为。

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – 导航头类怎么了?全部内容,希望文章能够帮你解决twitter-bootstrap – 导航头类怎么了?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。