Hello, I have a 3 column layout with an image in each column. These images are all large and I did set the img-responsive class in the media editor. It looks good in back office:
But when I preview in any mode, it isn't responsive. Is there something I am missing? For example, this is table mode:
I have a Master Template which includes bootstrap css.
I then have a Home template which uses Master as the Layout
Under home, I have a Text Page. I was trying to add images to the Text Page and bootstrap was not loaded onto that page so it was not being re-sized. Once I added it to the Home page, it all worked. However, my question is, what happens if I want to add images to a TextPage, what do I do about re-sizing then, do I have to manually do it?
Images aren't responsive?
Hello, I have a 3 column layout with an image in each column. These images are all large and I did set the img-responsive class in the media editor. It looks good in back office:
But when I preview in any mode, it isn't responsive. Is there something I am missing? For example, this is table mode:
I figured the problem:
I have a Master Template which includes bootstrap css.
I then have a Home template which uses Master as the Layout
Under home, I have a Text Page. I was trying to add images to the Text Page and bootstrap was not loaded onto that page so it was not being re-sized. Once I added it to the Home page, it all worked. However, my question is, what happens if I want to add images to a TextPage, what do I do about re-sizing then, do I have to manually do it?
You need to include the bootstrap library in all templates that require the scaling to work, and definatly if you are using the GRID datatype.
is working on a reply...