Twitter bootstrap 将文本居中放置在第行引导按钮旁边

如果我在引导中有一行带有按钮的文本，那么让文本与按钮中的文本对齐的最佳方式是什么？演示-将“foo”、“bar”和“sometext”与按钮顶部对齐，如何使它们垂直居中

  <div class="container">
    <div class="row">
      <a class="span2">foo</a>
      <a class="span2">bar</a>
      <span class="span2>some text</span>
      <div class="span2">
        <button class="btn btn-success">
          <i class="icon-off icon-white"></i>
          <span>Baz</span>
        </button>
      </div>
    </div>
  </div>

福
酒吧
您可以在链接上使用
btn链接
类：

<div class="container">
  <div class="row">
    <div class="span2">
        <a class="btn btn-link">foo</a>
    </div>
    <div class="span2">
        <a class="btn btn-link">bar</a>    
    </div>
    <div class="span2">
      <button class="btn btn-success">
        <i class="icon-off icon-white"></i>
        <span>Baz</span>
      </button>
    </div>
  </div>
</div>

这方面没有oob解决方案，您需要一些定制的东西。Bootstrap并没有让你拥有一排等高的队伍。当我们刚刚使用Bootstrap时，生活变得简单多了；）填充顶部：5px是这样的，我相信外面的人们都有解决方案，所以我正在等待和观察…并希望。非常有用的感谢-不过我也有一个在那里，以及在另一个类似的“专栏”。抱歉-将更新问题！您也可以在span上使用btn链接，如果它看起来像链接，或者您可以创建自己的btn文本类，如更新的答案中所示。谢谢-这很好：）
.btn-text,
.btn-text:active,
.btn-text:hover,
.btn-text:focus {
  color: inherit;
  cursor: inherit;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}