The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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)

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)