img-responsive

[Somel1978]

It seems whenever I try to use img-responsive to create bootstrap responsive designs the image that was previously centred now is left aligned.

as soon I remove img-responsive the image is centered again.
But img-responsive is needed to get the site responsive.

any suggestion?

[tobias-kuendig]

What is img-responsive? What has it to do with this plugin? Maybe share some code or your configuration so it's easier to help you.

[Somel1978]

Hi Tobias
img-responsive is a predefined class in bootstrap 3 that makes images responsive.
for reference is img-fluid in bootstrap 4.
This has been included as well on your plugin on the class atribute.
As some plugins that load images do not use this atributes and your plugin appends the class the idea was to use the plugin.
However even though it implements the class for some reason the images loose the center position and are left aligned.

[tobias-kuendig]

The plugin usually just adds the class and does not change the alignment (unless you use the .focus() method). What is the resulting HTML after the plugin has processed an image? What is the assigned CSS?

[Somel1978]

I will need to try to figure out where is the issue than.
I will keep you posted

[Somel1978]

Ok This is what I´'ve done...

Blank page with just the image.

• Image is centered but not resized

Blank page with just the image width .img-responsive manually added to this image css

• image is centered and resized but slightly expands beyond viewport

Blank page with just the image width .img-responsive added by the plugin

• image is left aligned but correctly resizing.

Not sure how to troubleshoot this anymore.

[tobias-kuendig]

Can you share a link? It's hard to help you without seeing any code. There are probably many things on your page that could mess with the image.