navbarのブートストラップ画像

Question

私はウェブデザインの初心者ですが、私はブートストラップとDreamweaver CCでウェブサイトを作ろうとしています。私はnavbarを持っています。 navbarが同じ行にあることを示します。みんな助けてくれますか？

<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

あなたは中央にIMGを取得するために絶対位置を使用することができます。

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