twitter-bootstrap – 如何为“nav-pills”和“nav-stacked”显
发布时间:2020-12-18 00:14:45 所属栏目:安全 来源:网络整理
导读:有类似以下代码: div class="container"div class="row" div class="col-sm-3" ul class="nav nav-pills nav-stacked" lia href="#"Available glyphs/a/li li class="disabled"a href="#"How to use/a/li lia href="#"Examples/a/li li class="divider"/li
有类似以下代码:
<div class="container"> <div class="row"> <div class="col-sm-3"> <ul class="nav nav-pills nav-stacked"> <li><a href="#">Available glyphs</a></li> <li class="disabled"><a href="#">How to use</a></li> <li><a href="#">Examples</a></li> <li class="divider"></li> <li><a href="#">Example</a></li> </ul> </div> <div class="col-sm-3"> <ul class="nav nav-pills nav-stacked"> <li><a href="#">Basic example</a></li> <li><a href="#">Vertical variation</a></li> <li class="divider"></li> <li><a href="#">Single button dropdowns</a></li> </ul> </div> <div class="col-sm-3"> <ul class="nav nav-pills nav-stacked"> <li><a href="#">Basic example</a></li> <li><a href="#">Checkboxes and radio addons</a></li> <li class="divider"></li> <li><a href="#">Justified</a></li> </ul> </div> <div class="col-sm-3"> <ul class="nav nav-pills nav-stacked"> <li><a href="#">Fixed to bottom</a></li> <li><a href="#">Static top</a></li> <li><a href="#">Inverted navbar</a></li> </ul> </div> </div> class“divider”不起作用。我错过了什么吗? http://jsfiddle.net/isherwood/B9gHc 解决方法
在Bootstrap 3中,分隔符类已更改为nav-divider。
<li class="nav-divider"></li> 所以你可以使用它而不需要任何自定义CSS。 http://bootply.com/101379 UPDATE .nav-divider已在v3.0.1中弃用 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |