Home › Forums › CSS › [Solved] Bootstrap 3 image over an image › Reply To: [Solved] Bootstrap 3 image over an image
Is there a reason why you’d want an icon image to be responsive? An icon is already quite small to begin with – defining it in percentages would make it almost microscopic as the page re sizes.
A better way would be to use the appropriate sized icons, and only change its dimensions, using media queries at a break-point where it appears too large.
In any case, applying an ‘img-responsive class’ won’t work if you define the width and height inline, as you’ve done for your icon.
Here’s a codepen (I’ve used the same images that you’ve used, but ideally, I’d go for a smaller icon image or an svg)
http://codepen.io/Krish1980/pen/AjIms
But i dunno it’s not responsive on the above file hosting server
There’s a flower shaped icon beside the word Css which, when clicked, reveals a dropdown where you can attach external files (I’ve mentioned Bootstrap’s CDN path)