Bootstrap 4 Boostrap 4导航栏元素显示时不带汉堡包菜单按钮
我马上就要开始Bootstrap4Beta的教程了。li链接在展开视图中显示得很好,但是,当我折叠通过断点时,它们消失了,汉堡菜单也没有出现 知道为什么会这样吗?我怀疑这与崩溃插件有关,但不确定 我正在运行React,但下面是编译为html时的代码:Bootstrap 4 Boostrap 4导航栏元素显示时不带汉堡包菜单按钮,bootstrap-4,twitter-bootstrap-4,Bootstrap 4,Twitter Bootstrap 4,我马上就要开始Bootstrap4Beta的教程了。li链接在展开视图中显示得很好,但是,当我折叠通过断点时,它们消失了,汉堡菜单也没有出现 知道为什么会这样吗?我怀疑这与崩溃插件有关,但不确定 我正在运行React,但下面是编译为html时的代码: <div class="header"> <nav class="navbar navbar-expand-lg navbar-inverse bg-inverse"> <div class="
<div class="header">
<nav class="navbar navbar-expand-lg navbar-inverse bg-inverse">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<img alt="Trellis" src="../../images/trellis.png">
</a>
</div>
<button class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse"
id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="/signout">Sign Out</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/invite">Invite Friends</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/dashboard">My Plots</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/addPlot">Add Plots</a>
</li>
</ul>
</div>
</nav>
</div>
-
-
-
-
如果您使用的是Bootstrap 4 Beta,则需要将类“navbar inverse”和“bg inverse”分别更改为“navbar dark”和“bg dark”
从
到
这是由引导团队将框架从alpha版本更改为beta版本。因此,您希望在框架的“alpha”版本中使用inverse,但在框架的beta版本中使用“dark”
示例代码笔
<nav class="navbar navbar-expand-lg navbar-inverse bg-inverse">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">