CODEWITHSUNDEEP
csstwitter-bootstrap-3
Krishna Rana
Krishna Rana

Reputation: 379

Right-align Image using bootstrap3

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

I want b.png image to be right-align.

Upvotes: 9

Views: 45335

Answers (2)

Alexandru R
Alexandru R

Reputation: 8833

You just need to add .pull-right class. So it will be like this example :

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

Upvotes: 26

Norvert John Abella
Norvert John Abella

Reputation: 250

Just add the pull-right bootstrap class 

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

Upvotes: 3

Related Questions