Question

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

我无法弄清楚如何正确设置<span>值以使按钮保持在右侧，但也会延长行的全部数量。

我唯一的想法是将<h1>放在div .span6中，然后将按钮放在另一个div span拉出右边，但这会在<h1>之间留下一个丑陋的空白区域{1}}标题样式和按钮。

如果我们右边有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;}，导致拉动权不起作用。

以下是您的代码的简单演示，只有在 h1和.pull-right{float:right;}添加到css结尾之前按钮

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

Bootstrap Row - 右对齐

1 个答案: