Egal was ich versuche, ich kann etwas in der Bootstrap-Navigationsleiste nicht zentrieren, irgendwelche Lösungen dafür?

Ich habe versucht, ein Div hinzuzufügen, mitmargin:0 auto; odermargin-right:auto; margin-left:auto;, benutztcenter-block Klasse. Nichts funktioniert, warum ist es so schwer, etwas so Einfaches zu erreichen, dass ich nicht verstehen kann, was ich falsch mache?

Hier ist der aktuelle Code:

<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>