twitter-bootstrap – 导航头类怎么了?
发布时间:2020-12-18 00:16:18 所属栏目:安全 来源:网络整理
导读:使用Bootstrap 2.3.2,您可以使用nav-header类来创建分组列表。 ul class="nav nav-pills nav-stacked" li class="nav-header"Group A/li lia href="/items/1"Item 1/a/li lia href="/items/2"Item 2/a/li lia href="/items/3"Item 3/a/li li class="nav-hea
使用Bootstrap 2.3.2,您可以使用nav-header类来创建分组列表。
<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中存在。我猜想已经被遗忘了。
您可以使用这种黑客获得类似的行为: ul { width: 300px; margin: 20px; } .nav > li.nav-header > a { cursor: default; font-size: 12px; font-weight: bold; text-transform: uppercase; } <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类。 编辑 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |