Jump to content

Archived

This topic is now archived and is closed to further replies.

hansonexperience

How to use img-rounded class

Recommended Posts

hansonexperience

How can I use the img-rouded class to have a circle image?

 

I used it on http://www.hansonexperience.com at the left where you can see my picture. I used class="img-rounded" in the widget textbox.

Share this post


Link to post
Share on other sites
Danny

Hi,

 

In order for img-rounded to work i.e. to make a perfect circle you also need to make sure your image has a similar height and width. Where as the image on your site doesn't, see my image below.

 

http://d.pr/i/pJOL


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hansonexperience

Ah that's the trick. Great thx!

Share this post


Link to post
Share on other sites
Danny

Yeah, basically if you have an image that has a far greater height compared to the images width or vice versa, you get the effect you had on your site.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hansonexperience

Ok, made a new picture and now it is solved

Share this post


Link to post
Share on other sites
greenfly

Hello Hans 

 

Thank you for letting us know. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

×