Getting started
Enable Bootstrap in a Wappler project and get oriented: frameworks, templates, and where components and utilities come from.
Bootstrap Setup and First Steps
Use this hub to enable Bootstrap and get oriented in the Wappler workflow. Start with the overview and integration, then move into semantic components and starter patterns.
Set up Bootstrap
Section titled “Set up Bootstrap”Start with the overview and integration, then move into semantic components and starter patterns.
Start here
Good next steps
Semantic Components
Navigate Wappler's Bootstrap 5 semantic role system, from parent shells and sections to the child components that make editing predictable.
Starter Blocks
See how the latest Bootstrap 5 starter blocks assemble polished pages and why their semantic roles matter after insertion.
Starter Pages
Use Pages Manager to create layout, content, partial, and full pages from the new Bootstrap 5 starter catalog.
Go to
Bootstrap
Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.
Build your first page layout
A beginner-friendly path from Pages Manager to the HTML Editor and Bootstrap basics so you can build your first real page layout.
Wappler Docs Index
Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.