Meine Navbar-Elemente sind nicht nach rechts ausgerichtet, obwohl ich die Klasse "navbar-rechts" zum ul-Tag hinzugefügt habe. Was mache ich falsch?Bootstrap Navbar mit Logo auf der linken Seite und Artikeln auf der rechten Seite
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark justify-content-between">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#"><strong>My Name</strong></a>
<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>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav navbar-right">
<li class="nav-item">
<a class="nav-link" href="#">About
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div></div>
</nav>
https://codepen.io/wongwy/pen/VMQgeJ
Dank Yousaf verwenden, wenn ich die volle Breite sein nicht die Inhalte wollen, was ist der beste Weg, das zu tun? Ich habe die Container-Klasse verwendet, um das früher zu erreichen. –
Sorry Yousaf, ich habe deinen CodePen gesehen, die Navigationselemente (About, Portfolio, Contact) sind immer noch auf der linken Seite. Ich möchte den "Mein Name" auf der linken Seite und die anderen Gegenstände auf der rechten Seite, wie mache ich das? Vielen Dank. –
@WenYenWong hat den Codepen-Code geändert, prüfen Sie jetzt, ob Sie das möchten. – Yousaf