我在我的角度app.component.html中使用了一个bootstrap导航栏,但是,css无法正常工作:
<nav class="navbar navbar-toggleable-md navbar-light bg-faded header main-header">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-brand headerTitle" >MerchantEdge</div>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link rightside-header" href="#">Aquirer Login</a>
</li>
<li class="nav-item">
<a class="nav-link rightside-header" href="#">Merchant Login</a>
</li>
</ul>
</div>
</nav>
答案 0 :(得分:0)
这不是最新Bootstrap 4的correct Navbar markup。
navbar-toggleable-md
应为navbar-expand-md
bg-faded
应为bg-light
不再有navbar-toggler-right
类