Bootstrap 4 Integration

Bootstrap 4 framework and Wappler’s visual integration

Bootstrap 4 does not need an introduction, so we’ll skip this part and show you how it is integrated in Wappler. The below intended usage is relative to the Design View as well as the App Structure panel.


No more searching for the correct Bootstrap 4 class from the Bootstrap documentation - Wappler includes everything you need to create fully functional Bootstrap 4 websites. Build your layouts visually using the smart context panel which suggests only suitable elements based on your current selection.


Style the selected element using the properties inspector from the App Structure panel, which shows all the properties based upon your selection. Change colors, borders, margins and padding with just a few clicks.