Bootstrap MVC Wie man eine Marke zentriert

Question

Ich versuche, die Marke in der Mitte der Navbar zu machen, und ich kann es wirklich nicht schaffen. ich würde mich freuen für etwas Hilfe. Dank

<div class="navbar navbar-inverse navbar-fixed-top" style="background-color:#f7e351; background-image:linear-gradient(#f7e351,#f7e351,#f7e351); border-color:#e7c02f;"> 
 
     <div class="container" style="background-color:#f7e351;"> 
 
      <div class="navbar-header" style="background-color:#f7e351;"> 
 
       <button type="button" style="background-color:#f7e351;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" > 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar "></span> 
 
       </button> 
 
       @Html.ActionLink("XXX", "Index", "XXX", new { area = "" }, new { @class = "navbar-brand" }) 
 
      </div> 
 
      @Html.ActionLink("Brand", "Brand", "Home", new { area = "" }, new { @class = "navbar-brand active" }) 
 
      <div class="navbar-collapse collapse"> 
 
       @Html.Partial("_LoginPartial2") 
 
      </div> 
 
     </div> 
 
    </div>

Answer 1

Ich habe eine Bootply für Sie erstellt, so dass Sie eine visuelle dieser Arbeits wie erwartet zu sehen.

HTML:

<div class="navbar navbar-inverse navbar-fixed-top" style="background-color:#f7e351; background-image:linear-gradient(#f7e351,#f7e351,#f7e351); border-color:#e7c02f;"> 
    <div class="container" style="background-color:#f7e351;"> 
     <div class="navbar-header" style="background-color:#f7e351;"> 
      <button type="button" style="background-color:#f7e351;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand">Center</a> 
     </div> 
     <a class="navbar-brand brand">Brand</a> 
    </div> 
</div> 

CSS:

.brand{ 
    position: absolute; 
    left: 48.5%; 
} 

Die Worte überlappen, weil Sie Ihre Frage nicht angegeben habe, das Element mit der navbar-brand Klasse, die Sie zentriert wollte, so habe ich beide.

Hoffe, das hilft.