Responsive images using Bootstrap

Like any front-end developer, I am having a problem with the files meeting the requirements. Trying to make them fit any type of container is some kind of hell.

While browsing and asking on the internet how should I do this correctly, I came up with ImgLiquid . Quite and effective. But I don't really like adding plugins and plugins. And since I am already using Bootstrap, I was asking myself if there is a way to do this using Bootstrap.

I've seen the class .img-responsive

, but it doesn't seem to be very efficient.

So, do you know a way using bootstrap to control the responsive image as if I were using ImgLiquid?

Just to get you an idea, this is what I used bootstrap:

Example

+3


source to share


1 answer


cal class="width-full"

      

create style



<style>
.width-full{width: 100%;}
</style>

      

+1


source







All Articles