ASP.Net Core MVC Webアプリケーションでnavbarを水平に中央に配置する方法は？

Question

ASP.Net Core MVC Webアプリケーションにnavbarを水平に配置したいと考えています。私はさまざまなものを試しましたが、何も動いていません。

期待どおりに左右の正当化が行われます。しかし、navbar-center（または同等のもの）には明らかなオプションはありません。ブートストラップは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

あなたは基本的にあなたはサイトにSite.cssでそれをオーバーライドすることができたり、ブートストラップCSS

Center content in responsive bootstrap navbar