Betreff Bootstrap Markenposition

Question

Das Bild zeigt die aktuelle Position meiner Navbar. Ich möchte den "Store 2.0" in die Mitte verschieben, aber das passiert nicht. Ich füge meinen Code an. Bitte helfen Sie.

Answer 1

Da du nicht bist Hinzufügen Sie hier Code ist Demo-Code, den Sie

<nav class="navbar navbar-default" role="navigation"> 
<!-- Brand and toggle get grouped for better mobile display --> 

<a class="navbar-brand" href="#">Brand</a> 
<!-- Collect the nav links, forms, and other content for toggling --> 
<div class="collapse navbar-collapse" id="navbar-collapse-1"> 

    <ul class="nav navbar-nav navbar-right"> 
    <li><a href="#">Link</a></li> 
    <li><a href="#">Link</a></li> 
    <li><a href="#">Link</a></li> 
    <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
     <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     </ul> 
    </li> 
    </ul> 
</div><!-- /.navbar-collapse --> 
</nav> 

Und die CSS

.navbar-brand { 
    position: absolute; 
    width: 100%; 
    left: 0; 
    top: 0; 
    text-align: center; 
    margin: auto; 
} 
.navbar-toggle { 
    z-index:3; 
} 

Working demo