Responsive images using Bootstrap

Question

As any front dev' I've got a bunch of problem with responsiv images. Trying to make them fit properly any kind of container is some how an hell.

While looking and asking across the web how should I properly do that I have came up with ImgLiquid. Pretty and efficace. But I'm not really fan of adding plugins and plugins. And because I'm already using Bootstrap I was asking my self if there was a way of doing it with Bootstrap.

I've seen the class .img-responsive but it seems not to be very effective.

So, do you know a way using bootstrap of managing properly responsive image as if I was using ImgLiquid ?

Just so you can have an idea : This is what I've got using bootstrap :

Answer 1

cal class="width-full"

create style

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