位于右下方的2个按钮带有引导程序

时间:2015-05-05 11:32:12

标签: html css twitter-bootstrap twitter-bootstrap-3

我想在一个区域内右下方布置2个按钮。 (是/否)。

  • 我发现我可以使用拉向右按钮来正确叠加它们。
  • 我还发现:

position: absolute; bottom: 0px;

会推倒他们。 不幸的是,当我使用绝对定位时,右拉不起作用,我认为它们不兼容。

如何使用引导程序将2个按钮放在某个区域的右下方?

<div>
    Hello, here is the question
</div>
<div style ="position: absolute; bottom: 0;">
    <a class="btn btn-primary pull-right" href="#">Yes</a>
    <a class="btn btn-primary pull-right" href="#">No</a>
</div>

2 个答案:

答案 0 :(得分:1)

您需要right:0;

<div>
    Hello, here is the question
</div>
<div style ="position: absolute; bottom: 0;right:0;">
    <a class="btn btn-primary" href="#">Yes</a>
    <a class="btn btn-primary" href="#">No</a>
</div>

Bootply

答案 1 :(得分:1)

如果您使用的是position:absolute,则可以使用此代替float:right;

right:0px;