Twitter Bootstrap 4 navbar-toggleable- *

时间:2016-01-20 17:31:34

标签: html css html5 twitter-bootstrap css3

鉴于以下代码是假设按钮隐藏在xlmd的行为;虽然折叠的内容只能在md显示,或者是xs downto <nav class="navbar navbar-light bg-faded"> <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2"> &#9776; </button> <div class="collapse navbar-toggleable-md" id="exCollapsingNavbar2"> <a class="navbar-brand" href="#">Responsive navbar</a> <ul class="nav navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About</a> </li> </ul> </div> </nav> 可以删除的内容吗?有人可以帮忙解释一下吗?

IE=Edge

2 个答案:

答案 0 :(得分:2)

它在媒体上可以切换,从中等下来。

navbar-toggleable-*表示*从*向下可以切换*。

我今天一直在使用这个,这就是我在bootstrap docs中看到并描述的行为

答案 1 :(得分:1)

使用 navbar-expand - 这意味着它始终处于折叠模式