html - Bootstrap 行 - 右对齐

Question

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

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

我唯一的想法是将 <h1>在div .span6然后将按钮放在另一个 div span 中向右拉，但是在 <h1> 之间留下了难看的空白标题样式和按钮。

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

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

Answer 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 示例后，我会说如果您使用的是 Bootstrap ，我的解决方案应该有效。出于某种原因，您的 css 中有 .pull-right{float:none;} 导致 pull-right 不起作用。

这是您的代码的简单演示，唯一的变化是 h1 和 .pull-right{float:right;} 按钮 添加到css 的末尾

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