 <p>from the bootstrap official site (and, almost, like Eric S. Bullington said.</p> <p><a href="https://getbootstrap.com/components/#navbar-default" rel="nofollow">https://getbootstrap.com/components/#navbar-default</a></p> <p>the example navbar looks like:</p> <pre><code>&lt;nav class="navbar navbar-default"&gt; &lt;div class="container-fluid"&gt; &lt;!-- Brand and toggle get grouped for better mobile display --&gt; &lt;div class="navbar-header"&gt; ...etc </code></pre> <p>to center the nav, that what i've done:</p> <pre><code>&lt;div class="container-fluid" id="nav_center"&gt; </code></pre> <p>css:</p> <pre><code>@media (min-width:768px) { /* don't break navbar on small screen */ #nav_center { width: 700px /* need to found your width according to your entry*/ } } </code></pre> <p>work with class="container" and navbar-right or left, and of course you can replace id by class. :D</p>