If you are using Bootstrap 3, you might come into a problem where you can use .text-center to align text to center but not image. There are many different work around to solve this issue including wrapping the image within a .text-center div or overriding the .img-responsive class. Although there are many different work around to align image to center in Bootstrap 3, i just found a very convenient way to solve this issue.
To align image to center in Bootstrap 3, you can try the code below:-
Advertisements
- Bootstrap v3.0.1 introduce .center-block class. You can apply this class to image tag and the image will be aligned to center. Below is the example:-
<img src="your-image/path-here.jpg" class="img-responsive center-block" />
* i prefer to use this way because it’s more clean and simple.
Related posts:
How to disable ssh root login?
How to write robot.txt to control search engine spider
How to send mail using different email address in Yahoo Mail
How to install SVN 1.6 on CentOS 5
How to check Zimbra Version without ssh access?
WordPress WP-Cache with GZip Compression enable
MySQL: Full text search for multiple words
Symfony doctrine schema relationship sample
Share this with your friends:-
Thank You!