Bootstrap
Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.
Choose a Bootstrap Path
Use this hub when you are building with Bootstrap in Wappler. Start with setup and first steps, then move into semantic components, utilities, categories, and reference.
Choose a Bootstrap area
Section titled “Choose a Bootstrap area”Start with setup, then move into components, generators, navigation, content, and reference.
Start here
Getting started
Enable Bootstrap in a Wappler project and get oriented: frameworks, templates, and where components and utilities come from.
Semantic Components
Navigate Wappler's Bootstrap 5 semantic role system, from parent shells and sections to the child components that make editing predictable.
Utilities (common properties)
Use Bootstrap utilities to quickly style layout and UI: spacing, colors, borders, text, and display/flex helpers.
Categories
Starter Blocks
See how the latest Bootstrap 5 starter blocks assemble polished pages and why their semantic roles matter after insertion.
Components
Browse Bootstrap components in Wappler and jump into focused tours for each component type.
Generators
Bootstrap generators in Wappler: use scaffolding tools to build forms, tables, and UI patterns faster.
Navigation
Build responsive navigation UIs in Wappler using Nav, Navbar, and collapse/toggler patterns.
Content
Bootstrap content basics: style tables, images, and description lists for clean, readable layouts.
Reference hubs
Web Framework References
Browse the current web-facing App Connect reference coverage for Bootstrap 5 and shared framework-agnostic surfaces from one searchable collection.
App Connect Reference Index
Gateway to the generated App Connect reference collections, so you can jump into current web and mobile reference coverage without replaying full how-to tours.
Deep dives
Bootstrap Layout
Build responsive layouts with containers, rows, and columns, and learn the common Bootstrap grid pitfalls to avoid.
Semantic Structure
Explore how Bootstrap 5 semantic parents, sections, cards, and forms fit together in a real page composition.
Cascaded Child Insertion
See how semantic children flow through the Structure panel so each parent narrows the right next building block.
Bootstrap 4 → 5 Migration
Migrate from Bootstrap 4 to 5: review key differences, update components, and follow a safe migration order.
Custom Bootstrap Paths
Use custom Bootstrap framework paths to load your own build or theme while keeping Wappler components compatible.