Bootstrap Row - 右对齐

Question

我有<h1>一个<div>连续的标题.我想完全扩展<h1>样式,但在行的右侧放置一个按钮.

我无法弄清楚如何<span>正确设置值以使按钮保持在右侧,但也扩展了行的全部量.

我唯一的想法就是把它<h1>放在一个div .span6然后将按钮放在另一个div span右拉,但是在<h1>标题样式和按钮之间留下了一个丑陋的白色空间.

如果我们右边有2个按钮,它也需要是流动的.

这只是我尝试做的一个例子.

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/