Bootstrap MVC Как сосредоточиться на бренде

Question

Я пытаюсь сделать бренд в центре навигатора, и я не могу это сделать. Я был бы рад за помощь. Благодаря

<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

Я создал Bootply для вас, так что вы можете увидеть визуальное этой работы, как и ожидалось.

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%; 
} 

слова накладываются друг на друга, потому что вы не заявить свой вопрос, какой элемент с navbar-brand класса вы хотел центрированный, так что я сделал оба из них.

Надеюсь, это поможет.