使用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>