DMXzone Bootstrap 3 Support Product Page

Answered

Responsive images

Asked 02 Jun 2014 19:00:53
1
has this question
02 Jun 2014 19:00:53 Åge Fossum posted:
Hi Teodor,
I got a responsive asp webpage made with Bootstrap 3, populated by a SQL database.
I use the Adv. html editor 3 to edit database with text, and images are added to the text through the file manager add on.
Everything is responsive and fine on page, except the images, which are not.

Is it possible to make also these images responsive?

I know it can be done on a static webpage, using Bootstrap 3 image element.

One of my clients will do the updates.

Best Regards
Åge Fossum
Norway

Replies

Replied 03 Jun 2014 08:42:26
03 Jun 2014 08:42:26 Teodor Kuduschiev replied:
Hello Age,
Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class
Replied 03 Jun 2014 09:01:09
03 Jun 2014 09:01:09 Åge Fossum replied:
Hello Teodor,

Thank you for answering.
I know it can be done using using Bootstrap 3 image element, but how can it be added when using the adv. html editor 3?
On the page there is a recordset binding to a "Title" and a "Text". The "Text" contains an image (uploaded through adv.html editor), and is not responsive when shown on the page.
Wonder where/how to add the .img-responsive class?

Best Regards
Åge Fossum
Norway
Replied 03 Jun 2014 15:21:08
03 Jun 2014 15:21:08 Åge Fossum replied:
Ok, now I know
Just added the code

img {
display: inline-block;
height: auto;
max-width: 100%;
}

to the page code, after the bootstrap css.
All fine

Best Regards
Åge Fossum
Norway

Reply to this topic