Независимо от того, что я пытаюсь, я не могу сосредоточить что-то в Bootstrap navbar, какие-либо решения для этого?
Я попытался добавить div, используя margin:0 auto;
или margin-right:auto; margin-left:auto;
margin-right:auto; margin-left:auto;
, используется класс center-block
. Ничего не работает, почему так сложно достичь чего-то такого простого, что я не могу понять, что я делаю неправильно?
Здесь текущий код:
<nav class="navbar navbar-fixed-top navbar-dark main-nav">
<div class="container">
<ul class="nav navbar-nav pull-left">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Download</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Register</a>
</li>
</ul>
<ul class="nav navbar-nav text-center">
<li class="nav-item"><a class="nav-link" href="#">Website Name</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li class="nav-item">
<a class="nav-link" href="#">Rates</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Help</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>