Components
Browse Bootstrap components in Wappler and jump into focused tours for each component type.
Components
Section titled “Components”Bootstrap components are UI building blocks (buttons, alerts, navigation, cards, forms, modals, and more). Pick a focused tour.
Components
Section titled “Components”Common Bootstrap components in Wappler.
Common components
Buttons
Use Bootstrap buttons: variants, sizes, states, icons, and common button patterns.
Button groups
Group related actions with button groups and toolbars, including sizing and alignment.
Badges
Use badges for counts and status labels, including pill styles and contextual colors.
Alerts
Use alerts for feedback messages, including dismissible alerts and contextual states.
Dropdowns
Build dropdown menus in Wappler and learn the practical options: alignment, sizing, split buttons, and nav dropdown patterns.
List groups
Use list groups for structured lists, selection states, and grouped content.
Navigation & paging
Tabs
Build tabbed navigation and content panes, including active states and accessibility basics.
Breadcrumbs
Build Bootstrap breadcrumbs in Wappler, including separators and the active page state for accessible navigation.
Pagination
Understand Bootstrap pagination patterns and build paging controls that fit common list and table layouts.
Overlays & helpers
Toasts
Use toasts for non-blocking notifications, including stacking and dismiss behavior.
Tooltips
Tooltips provide compact help text. Learn how to use them in Wappler, including trigger behavior and placement.
Popovers
Use popovers for richer contextual help, including placement and trigger options.
Disclosure
Related tours
Bootstrap Components
Explore Bootstrap components in Wappler: learn what’s available and how to use common UI building blocks.
Loading indicators (progress & spinners)
Use spinners and loading indicators to communicate progress and improve perceived performance.
Bootstrap Placeholders
Use Bootstrap placeholders to show loading states and keep page layout stable while data loads.
Bootstrap Cards
Build card-based UI blocks with headers, images, lists, and layout combinations for dashboards and content.
Bootstrap Forms
Build Bootstrap-styled forms with layout helpers and validation feedback, and learn patterns for a smooth form UX.
Bootstrap Modals
Use Bootstrap modals: triggers, sizing, scroll behavior, and best practices for reusable, accessible dialogs.
Go to
Bootstrap
Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.
Wappler Docs Index
Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.
Navigation
Build responsive navigation UIs in Wappler using Nav, Navbar, and collapse/toggler patterns.