Footer: Sticky starter block
Provide secondary routes and a clear end to the page.
Provide secondary routes and a clear end to the page.
Before you begin
Section titled “Before you begin”- A page with Bootstrap 5 included. Load its JavaScript for collapse, dropdown, tab or dismiss interactions.
Use this as a layout starting point
Section titled “Use this as a layout starting point”Provide secondary routes and a clear end to the page. This reference describes the inserted template. It contains static sample content and no App Connect data bindings or application event handlers.
Edit the inserted parts
Section titled “Edit the inserted parts”Insert the block into a Bootstrap 5 page, then expand it in App Structure. Select the child whose content or styling you want to change; there is no separate block configuration form.
| Part | How to adapt it |
|---|---|
| Links | Review all 3 anchors. Replace placeholder # links and sample routes with working destinations; a sample /login or /signup path does not create that page. |
Complete the intended behavior
Section titled “Complete the intended behavior”The footer uses mt-auto. It needs a containing flex-column layout with enough height to push it to the bottom. It is not a fixed overlay on the viewport; test short and long pages.
Make one change and check the result
Section titled “Make one change and check the result”Insert this layout into a Bootstrap 5 page, expand it in App Structure and replace the first visible label or content placeholder with “Resources”. Preview at narrow and wide widths; verify the chosen layout still leaves room for the main page content. Test every retained navigation/control with the keyboard.
Continue with starter blocks
Section titled “Continue with starter blocks”Use the starter-block guide for insertion and adaptation. For live records or user actions, connect the matching App Connect workflow after the static layout is readable.
Check your result
Section titled “Check your result”You can identify the inserted parts, replace sample content and distinguish supplied Bootstrap behavior from application work still to implement.