将中心文本放在Twitter Bootstrap的导航按钮之间

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