將推送引導中的導航按鈕置於文本之間

Question

Twitter Bootstrap對齊放置在頁面兩側的導航按鈕。

<ul class="pager"> 
    <li class="previous"> 
    <a href="#">Previous</a> 
    </li> 
    <li class="next"> 
    <a href="#">Next</a> 
    </li> 
</ul> 

我有一個<h3>標題是高於導航鏈接（頂部）

我希望把這些按鈕（底部）之間的這個稱號。我怎樣才能做到這一點，保持導航按鈕對齊？

Answer 1

試試這個： - http://jsfiddle.net/Z2hH2/

<ul class="pager"> 
    <li class="previous"> 
    <a href="#">Previous</a> 
    </li> 
    <li > 
     <h3 class="fillSpace">Title goes here</h3> 
    </li> 
    <li class="next"> 
    <a href="#">Next</a> 
    </li> 
</ul> 

h3.fillSpace 
{ 
    display:inline-block; 
    margin:0; 
} 

或： -

h3.fillSpace 
{ 
position: absolute; top: 0; right: 0; left: 0; 
}