Bootstrap 选项卡中的标题 <h1>？

Question

我想让我的 Bootstrap 选项卡与我的页眉（如下所示的模拟）齐平，但是页眉比其他选项卡高会导致所有内容中断。我怎样才能做到这一点？

<ul class="nav nav-tabs" role="tablist">
  <li><h1>Header</h1></li>
  <li class="active"><a href="#">Tab 1</a></li>
  <li><a href="#">Tab 2</a></li>
  <li><a href="#">Tab 3</a></li>
  <li class="pull-right"><button id="new-thing" class="btn btn-primary">New</button></li>
</ul>

这是我想要的字体大小和边距。现在我只需要标签与底部边框齐平。 http://jsfiddle.net/bK4a4/4/

Answer 1

删除边距

li h1 { margin: 0}

编辑选项后

• 添加margin-top到其他元素。小提琴
• 添加line-height到 h1小提琴