Question

如何使用bootstrap网格将这两个按钮固定在div的边缘？

如果有人也可以解释一下，我正在尝试了解bootstrap网格...

这是我到目前为止所做的事情 https://ibb.co/iLDZSv - 链接到图片

到目前为止我所做的代码：

    <div class="row">
        <div class="col-xs-6 col-sm-6">
            <a href="#myTickets" data-toggle="tab" class="btn btn-default"><i
                class="fa fa-arrow-left"></i> Go Back</a>
        </div>

        <div class="col-xs-6 col-sm-3">

            <p></p>

        </div>

        <div class="col-xs-6 col-sm-3">
            <a class="btn btn-danger"><i class="fa fa-lock"></i> Close Ticket</a>
        </div>
    </div>

Answer 1

元素的默认位置在左侧。您可以使用Bootstrap中的右拉助手将对象浮动到div的右侧。

<div class="col-xs-6 col-sm-3">
    <a class="btn btn-danger pull-right"><i class="fa fa-lock"></i> Close Ticket</a>
</div>

使用引导网格在div的边缘定位两个按钮

1 个答案: