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

Question

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

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

这是我到目前为止所做的事情 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 中的 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>