引导行 - 右对齐

【问题标题】：Bootstrap Row - right justified引导行 - 右对齐
【发布时间】：2012-05-28 21:14:13
【问题描述】：

我有一个<h1> 标题，它位于<div> 行中。我想完全扩展<h1> 样式，但在行的右侧放置一个按钮。

我不知道如何正确设置 <span> 值以使按钮保持在右侧，但也扩展了行的全部长度。

我唯一的想法是将<h1> 放在div .span6 中，然后将按钮放在另一个div span 拉右，但这会在<h1> 标题样式和按钮。

如果我们在右侧有 2 个按钮，它也需要流畅。

This is just a sample of what I trying to do.

【问题讨论】：

标签： html button twitter-bootstrap

【解决方案1】：

你最初的问题有点不清楚，所以我不得不猜测这样的事情是不是你想要的。

<div class="container">
  <div class="row">
    <a href="#" class="btn pull-right">Button 2</a>
    <a href="#" class="btn pull-right">Button 1</a>
    <h1>My fancy title</h1>
  </div>
</div>

在您编辑了 jsfiddle 示例之后，我想说如果您使用引导程序，我的解决方案应该可以工作。出于某种原因，您的 css 中包含 .pull-right{float:none;} 导致 pull-right 不起作用。

这是您的代码的简单演示，仅更改为之前将 h1 和 .pull-right{float:right;} 添加到 css 末尾的按钮

http://jsfiddle.net/Arkkimaagi/KFsM6/1/

【讨论】：