我試着做一個單槓，模仿iOS上的導航視圖，Twitter的引導導航標題多數民衆贊成說：有三個元素（iOS的風格）

返回標誌SomeButton

左中右

有許多解決方案，我已經能夠得到類似的東西擺弄後，使用

<nav class="navbar navbar-default" role="navigation"> 

<a class="navbar-brand" href="#"><img src="static/img_nav/logo_white_trans.gif"> </a> 
    <div class="navbar-header navbar-collapse"> 
    <ul class="nav navbar-nav pull-left"> 
     <li><a href="#"> &lt; Back</a></li> 

    </ul> 
    <ul class="nav navbar-nav pull-right"> 
     <li><a href="#">Button</a></li> 
    </ul> 
    </div> 
</nav>

這個CSS：

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

.navbar-brand img { 
    height: 20px; 
}

當我在我的手機都瀏覽工作如我所料，但是當我去更大的屏幕，左右按鍵扎堆。

Left Right Center

有誰知道爲什麼？

來源

2014-09-01 unaiherran

試試這個：

原因您的問題是：

在navbar-collapse的width爲auto，所以

在navbar-header標籤設置width:100%

<div style="width:100%" class="navbar-header navbar-collapse">

DEMO

來源

2014-09-01 11:10:39

謝謝。我只是從引導開始，努力做基本的事情。希望能夠隨着時間變得更有能力。 – unaiherran 2014-09-01 12:34:27

歡迎unaiherran – 2014-09-01 12:38:13

有三個元素（iOS的風格）

回答

DEMO

相關問題