使用 bootstrap 网格将两个按钮定位在 div 的边缘

Question

如何使用 bootstrap 网格让这两个按钮粘在 div 的边缘？

如果有人也可以解释一下，我正在努力理解 bootstrap 网格...

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

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

    <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 中的 pull-right 助手将对象浮动到 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>

使用 bootstrap 网格将两个按钮定位在 div 的边缘

Positioning two buttons at the edge of the div using bootstrap grid

html

css

bootstrap-4

bootstrap-grid