Ich habe folgende navbar von Bootstrap bereitgestelltWie zentriere ich drei Links in einer Navigationsleiste?
Der Code für die navbar ist:
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="../navbar/">Default</a></li>
<li class="active"><a href="./">Static top <span class="sr-only">(current)</span></a></li>
<li><a href="../navbar-fixed-top/">Fixed top</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}
.navbar-nav>li {
float: left;
}
.nav>li {
position: relative;
display: block;
}
.navbar-nav {
float: left;
margin: 0;
}
Ich möchte die 3 Links zu zentrieren. Mein Versuch war
.navbar-default .navbar-collapse {
text-align: center;
}
Ich möchte, um die 3 Links Mitte zu tun, aber es schien nicht mit text-align zu arbeiten. Ich habe versucht, den Rand links und den Rand rechts = 0 zu machen, aber das hat auch nicht funktioniert.
Jede Hilfe wird geschätzt.
Mögliche Duplikat [Center-Inhalte in ansprechenden Bootstrap navbar] (http Centered für: // Stackoverflow. com/questions/18777235/center-content-in-responsive-bootstrap-navbar) –