У меня есть следующий Navbar предоставленный BootstrapКак разместить три ссылки в навигационной панели?
Код для навигационной панели является:
<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;
}
Я хочу, чтобы центрировать 3 ссылки. Моя попытка была сделать
.navbar-default .navbar-collapse {
text-align: center;
}
Я хочу сделать 3 ссылки центр, но это не похоже на работу с текстом выравнивать. Я попытался сделать margin-left и margin-right = 0, но это тоже не сработало.
Любая помощь приветствуется.
Возможный дубликат [содержание центра в отзывчивым начальной загрузки NavBar] (Http: // StackOverflow. ком/вопросы/18777235/центр-контент в реагирующей-самозагрузке-навигационной панели) –