如何在Bootstrap 3中设置特定导航栏的折叠点?

时间:2014-03-31 06:03:32

标签: css twitter-bootstrap twitter-bootstrap-3

是否可以在Bootstrap 3中为特定导航栏设置导航栏折叠断点?我的网站上有一个子导航栏,看起来很好,只有500px,我宁愿不满足于btn-group。

我现在拥有的内容:我为导航栏设置了ID,并且我希望使用#toolbar .navbar{来定位该ID。 Bootstrap中有什么东西可以让我有选择地定位它吗?

        <div class="navbar navbar-default" id = "toolbar">
        <ul class="nav navbar-nav">
        <li><a href="#"; ?>"> Back</a></li>
        <li><a href="#"> Add</a></li>
        <li><a href="#"> Delete</a></li>
        </ul>
        </div>

1 个答案:

答案 0 :(得分:1)

来自Bootstrap docs

  

更改导航栏在折叠模式和水平模式之间切换的点。自定义@ grid-float-breakpoint变量或添加自己的媒体查询。

要创建自己的媒体查询,您需要查看LESS here并为#toolbar创建自己的规则。