如何在ASP.Net Core MVC Web應用程序中水平居中導航欄？

Question

我想在ASP.Net Core MVC Web應用程序中水平居中導航欄。我嘗試了很多不同的東西，但沒有任何工作。

按預期左右對齊工作。但是，對於navbar-center（或者其他類似的東西）沒有明顯的選擇。由於Bootstrap包含在VS2017中，我想修改CSHMTL - 而不是.css。

必須有一個簡單的方法來做到這一點。我錯過了什麼？

<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

你試過了嗎？

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

Answer 2

你不會從不修改CSS脫身，基本上你可以在現場用的site.css覆蓋它，或在引導CSS

Center content in responsive bootstrap navbar