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