Semantic Components

Back to Getting started

Semantic Components

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

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

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.

Open tour

Cascaded Child Insertion

See how semantic children flow through the Structure panel so each parent narrows the right next building block.

Open tour

In practice

Starter Blocks

See how the latest Bootstrap 5 starter blocks assemble polished pages and why their semantic roles matter after insertion.

Open tour

Starter Pages

Use Pages Manager to create layout, content, partial, and full pages from the new Bootstrap 5 starter catalog.

Open tour

Go to

Bootstrap

Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.

Open hub

Getting started

Enable Bootstrap in a Wappler project and get oriented: frameworks, templates, and where components and utilities come from.

Open tour

Wappler Docs Index

Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.

Open tour