Footer at the bottom of the page

The following How to guide is very messy, for new users in particular.

There is an easy Bootstrap way of accomplishing this. All that is required is to add Bootstrap classes to three lines of code.

image709×753 28.1 KB

The problem is, that in Wappler there is no easy and intuitive way to accomplish this. For the HTML and BODY tags, we need to go to the DOM panel where there is no prompt for the required Bootstrap classes.

In App Structure there is also no suggestion on how to grow the MAIN element.

If I may be so bold as to make a suggestion:

1. have the h-100 class automatically applied to the HTML and BODY tags for Bootstrap documents.
2. have the ability to change the body element into a flex container together with the flex direction.
3. be able to apply flex-grow to an element when the body is a flex container.