Bootstrap Bild auf Navbar

Question

Ich muss sagen, dass ich ein Anfänger in Webdesign bin, versuche ich eine Website mit Bootstrap und Dreamweaver CC zu machen und ich habe Navbar und ich frage mich, wie kann ein Bild in den Mittelpunkt gestellt werden die navbar aber in derselben Reihe zu sein. Kannst du mir bitte helfen?

<div class="navbar-header"> 
 
     <center><img src="71f7c350c2d7d3a6eb8394f66185a3e7.jpg" alt="" width="40" height="54"/></center> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> 
 
     <a class="navbar-brand" href="#">Liceul Teoretic "Victor Babeș"</a></div> 
 
     <!-- Collect the nav links, forms, and other content for toggling --> 
 
     <div class="collapse navbar-collapse" id="topFixedNavbar1"> 
 
<ul class="nav navbar-nav navbar-right"> 
 
      <li><a href="#">Link</a></li> 
 
      <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a> 
 
      <ul class="dropdown-menu" role="menu"> 
 
       <li><a href="#">Action</a></li> 
 
       <li><a href="#">Another action</a></li> 
 
       <li><a href="#">Something else here</a></li> 
 
       <li class="divider"></li> 
 
       <li><a href="#">Separated link</a></li> 
 
      </ul> 
 
      </li> 
 
     </ul> 
 
     </div> 
 
    <!-- /.navbar-collapse --> 
 
</div> 
 
<!-- /.container-fluid --> 
 
    </nav> 
 
</div>

Answer 1

könnten Sie absolute Positionierung verwenden img im Zentrum zu erhalten.

img { 
    position: absolute; 
    left: 50%; 
    margin-left: -50px !important; //this pixel amount is equal to half your image size 
    display: block; 
}