使用bootstrap3右对齐图像

Question

<div class="row">
    <div class="col-xs-3">
        <img src="image/t.png " class="img-responsive">
    </div>
    <div class="col-xs-9 ">
        <img src="image/b.png " class="img-responsive">
    </div>
</div>

我希望b.png图片正确对齐。

Answer 1

您只需要添加.pull-right课程。 所以它就像这个例子：

<div class="row">
    <div class="col-xs-3">
        <img src="image/t.png " class="img-responsive">
    </div>
    <div class="col-xs-9 ">
        <img src="image/b.png " class="pull-right img-responsive">
    </div>
</div>

Answer 2

只需添加pull-right引导类

即可

<div class="col-xs-9 ">
    <img src="image/b.png " class="img-responsive pull-right">
</div>