Skip to content
Wappler Docs
Start Trial
Open in Wappler

Semantic Components

Navigate Wappler's Bootstrap 5 semantic role system, from parent shells and sections to the child components that make editing predictable.

Semantic Bootstrap Structure

Use this hub when you want to build with Bootstrap’s role-based structure in Wappler. Start with the semantic layout model, then move into child insertion and starter patterns.

Choose a semantic structure path

Section titled “Choose a semantic structure path”

Start with the role system, then move into insertion flow and starter examples.

Start here
Semantic Structure
Explore how Bootstrap 5 semantic parents, sections, cards, and forms fit together in a real page composition.
View guide
Cascaded Child Insertion
See how semantic children flow through the Structure panel so each parent narrows the right next building block.
View guide
In practice
Starter Blocks
See how the latest Bootstrap 5 starter blocks assemble polished pages and why their semantic roles matter after insertion.
View guide
Starter Pages
Use Pages Manager to create layout, content, partial, and full pages from the new Bootstrap 5 starter catalog.
View guide
Go to
Bootstrap
Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.
View destination
Getting started
Enable Bootstrap in a Wappler project and get oriented: frameworks, templates, and where components and utilities come from.
View destination
Wappler Docs Index
Guided documentation and interactive tours for beginners, builders, switchers, and advanced users, from first project to full-stack reference.
View destination