Applying Responsive Images

Adding responsive images in your Bootstrap 4 layout is another easy thing to do with Wappler.

First, select the element you want to insert image into, and click the add inside button (1):

img_fluid_1.jpg700×456 69.3 KB

Click the Basic category (2):

img_fluid_2.jpg700×456 85.3 KB

Select the image element (3):

img_fluid_3.jpg700×456 56.9 KB

Then, in the src field browse to your image (4):

img_fluid_4.jpg700×456 52.8 KB

When you select your image, just check the responsive checkbox under image properties:

img_fluid_5.jpg700×456 90.3 KB

You can see your responsive image in Design View immediately:

img_fluid_6.jpg700×456 121 KB