html - 如何在一个 div 中对齐 twitter bootstrap 中的 2 个按钮

Question

我使用的是 twitter bootstrap 2 版本。

<div class="span4">
    <a href="http://test.com" class="btn">&{'main.menu.with.me'}</a>            
    <a href="http://test2.com" class="btn btn-info pull-right">&{'main.menu.raise.request'}</a>
</div>

我需要在右边放置 2 个按钮，它们之间有空格。但是，如果我将 pull-right 放在两者之间，则它们之间没有空间，则注入(inject)无济于事。

Answer 1

不太擅长 html，但我会做这样的事情:

Bootstrap 2:

<div class="span4">
 <div class='pull-right'>
   <a href="http://test.com" class="btn">&{'main.menu.with.me'}</a>         
   <a href="http://test2.com" class="btn btn-info">&{'main.menu.raise.request'}</a>
 </div>
</div>

在这种情况下，您需要在带有 pull-right 的那个之后有一个 div.clearfix，并且不涉及 css，除非您希望按钮之间的空间比 bootstrap 已经有的更多。

(更新 4.08.2016)bootstrap 3:

<div class='btn-toolbar'>
  <a href="http://test.com" class="btn">&{'main.menu.with.me'}</a>         
  <a href="http://test2.com" class="btn btn-info">&{'main.menu.raise.request'}</a>
</div>