Twitter bootstrap 引导4-导航栏标题的使用
我对bootstrap有点陌生,我被教导Twitter bootstrap 引导4-导航栏标题的使用,twitter-bootstrap,navbar,Twitter Bootstrap,Navbar,我对bootstrap有点陌生,我被教导alpha-4btw,在我的网站上制作navbar时,我发现一个问题,当它折叠并显示菜单的3行图标时,它与的logo重叠。navbar品牌。我通过添加pull right解决了这个问题 现在看起来像这样,它实际上起作用了 <nav class="navbar navbar-dark bg-inverse navbar-fixed-top" id="navbar"> <button class="navba
alpha-4
btw,在我的网站上制作navbar
时,我发现一个问题,当它折叠并显示菜单的3行图标时,它与的logo重叠。navbar品牌
。我通过添加pull right
解决了这个问题
现在看起来像这样,它实际上起作用了
<nav class="navbar navbar-dark bg-inverse navbar-fixed-top" id="navbar">
<button class="navbar-toggler hidden-lg-up pull-right" type="button" data-toggle="collapse" data-target="#navbarContent"> ☰
</button>
<a class="navbar-brand" href="#">YO-Maps</a>
<div class="collapse navbar-toggleable-md" id="navbarContent">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#jumbotron">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">Download</a>
</li>
</ul>
<form class="form-inline pull-sm-right">
<input class="form-control" type="email" placeholder="Email">
<input class="form-control" type="password" placeholder="Password">
<button class="btn btn-success" type="submit">Login</button>
</form>
</div>
</nav>
☰
-
-
-
登录
在查看Bootstrap3(v3.3.2)时,我发现这甚至不需要,因为我认为.navbar头是存在的
所以我的问题是:这个类在实现Bootstrap 4时重要吗?没有提到它,我实际上在我的代码中尝试了它,没有任何区别……它真的让Bootstrap 3中的语义标记“有些东西”吗?不,navbar头不包括在Bootstrap 4中的任何地方。导航栏品牌和导航栏切换器不再需要包装在自己的分区中。不,导航栏标题不包括在引导4中的任何位置。navbar品牌和navbar toggler不再需要包装在自己的div中