在Bootstraps navbar中居中放置圖片/徽標？

Question

因此，我目前的標誌坐在左側的導航欄，但我希望它在中間。我已經嘗試了幾乎所有這些論壇和谷歌搜索，我似乎無法改變它。

下面是它的代碼：

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container-fluid"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <a class="brand" href="#"> 
     <img alt="logo.png"src="img/logo.png" style="height:60px;>   

</div> 

感謝，

Answer 1

這裏是放標誌在工具欄中間的樣本：http://jsbin.com/efagoj/1/edit。

您需要製作的唯一關鍵更改是將float: none; margin: 0 auto;標記爲a標記，並且標記爲.brand類。我們增加float: none;，因爲在引導.brand有一個float: left;在裏面，我們不希望它是這樣的。 margin: 0 auto;是以鏈接爲中心。

我們還需要將text-align: center;加到container-fluid的div上。