So zentrieren Sie horizontal eine Navigationsleiste in ASP.Net Core MVC Web App?

Question

Ich möchte eine Navigationsleiste horizontal in einer ASP.Net Core MVC Web App zentrieren. Ich habe eine Menge verschiedener Dinge ausprobiert, aber nichts funktioniert.

Links und rechts zu rechtfertigen Arbeit wie erwartet. Es gibt jedoch keine offensichtliche Option für Navbar-Center (oder etwas Gleichwertiges). Da Bootstrap in VS2017 enthalten ist, möchte ich die CSHMTL - nicht. CSS ändern.

Es muss einen einfachen Weg geben, dies zu tun. Was vermisse ich?

<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color:white; border-color: white"> 

    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
     </div> 


     <!-- This is what I want to center. Navbar-right and navbar-left work perfectly. --> 
     <div class="navbar-collapse collapse" style="background-color:white; border-color: white"> 
      <ul class="nav navbar-nav navbar-left" style="background-color: white; border-color: white"> 
       <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li> 
       <li><a asp-action="Create">Create</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

Answer 1

haben Sie es versucht?

margin-left: auto; 
    margin-right: auto; 

Answer 2

Sie gehen zu bekommen nicht weg von nicht die CSS ändern, im Grunde kann man es mit dem Site.css in der Website außer Kraft setzen oder direkt in dem Bootstrap-css

Center content in responsive bootstrap navbar