使用引导网格对齐内容的正确方法是什么？

Question

<div class="pull-left">..</div>

或

<div class="pull-right">...</div>

上课。但是，当我想要将元素对齐到右下角时，我需要做什么呢？引导标记之后最常见的方法是什么？

Answer 1

在col-MD-*div中，您可以创建一个新行，其中包含其他col-MD-*div，也可以使用一些帮助器类：

<div class="col-md-*">
    <div class="pull-right">content</div> <!--This will set a float:right on the div-->
</div>

或

<div class="col-md-*">
    <div class="text-right">content</div> <!--The div will not float, but it will align your content to the right-->
</div>

但是如果要将内容固定在容器的底部，则应该将容器的位置设置为“相对”，将内容的位置设置为“绝对”，然后设置为“bottom:0”

<div class="row">
    <div class="col-md-6" style="height:150px">
        <div class="text-right" style="position:absolute;bottom:0;left:0;right:0;">
            content
        </div>
    </div>
</div>