I m using bootstrap 3.0 to creating a website. I am new to bootstrap. what i want, i want image in center of div when browser size is extra small i have this code.
<div class="col-lg-10 ccol-lg-offset-1 col-md-12 col-sm-12 ">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<img src="images/2.png" class="img-responsive" />
<p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
</div>
This question is related to
css
twitter-bootstrap
twitter-bootstrap-3
bootstrap-4
Use This as the solution
This worked for me perfectly..
<div align="center">
<img src="">
</div>
.img-responsive {
margin: 0 auto;
}
you can write like above code in your document so no need to add one another class in image tag.
Source: Stackoverflow.com