在導航欄上的引導圖像

我不得不說，我是一個網頁設計的初學者，我想用引導程序和Dreamweaver CC製作一個網站，我有導航欄，我想知道一個地方如何能夠以圖像爲中心導航欄，但要在同一行。你們能幫我嗎？在導航欄上的引導圖像

<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>

來源

2016-10-02 Flavius Dolha

向我們展示你所擁有的，我們可以幫 –

所以，我不明白如何把代碼放在這個網站，但我可以告訴你，我做了什麼，所以，我已經包括了IMG SRC在導航欄標題中，我使用了一箇中心標籤來做到這一點，但它甚至不在中心，它在一個單獨的行上 –

@FlaviusDolha只是編輯您的問題並粘貼您的代碼。查看[Site Tour]（http://stackoverflow.com/tour）並歡迎來到該網站！ – NickyTheWrench

你可以使用絕對定位得到中央的IMG。

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

來源

2016-10-02 16:42:41

這工作得很好，祝福:) –

在導航欄上的引導圖像

回答

相關問題