Question

我需要将按钮设置在右下角，但对于移动设备，它将移至顶部

<div class="form-group" style ="margin-top: 12%; float:right; position: relative; ">
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                <button type="submit" class="btn btn-primary btn-md" id="btndisclaimer">accept</button>

            </div>

Answer 1

使用CSS。

#btndisclaimer {
  position: fixed;
  right: 0;
  bottom: 0;
}

<div class="form-group" style="margin-top: 12%; float:right; position: relative; ">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <button type="submit" class="btn btn-primary btn-md" id="btndisclaimer">accept</button>

  </div>
</div>

Answer 2

请参阅此fiddle

您必须将position:relative更改为position:absolute

现在，要使其显示在右下角，请使用下面给出的样式：

bottom:0; 
right:0;

所以完整的 HTML 就像

<div class="form-group" style="float:right; position: absolute;bottom:0; right:0;">
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
        <button type="submit" class="btn btn-primary btn-md" id="btndisclaimer">accept</button>
    </div>
</div>

如果您希望按钮始终位于右下角，请使用position:fixed代替position:absolute。

如何让按钮在所有设备的右下角定位？

2 个答案:

请参阅此fiddle