Skip to content
Wappler Docs
Open in Wappler

Utilities (common properties)

Use Bootstrap utilities to quickly style layout and UI: spacing, colors, borders, text, and display/flex helpers.

Utilities (common properties)

Section titled “Utilities (common properties)”

Many Bootstrap elements share the same generic Properties groups in Wappler, like Appearance, Spacing, Border, Display, and Flex. Learn these once and reuse them everywhere.

Utilities

Section titled “Utilities”

Shared property groups across Bootstrap rules.

Utilities
Spacing (margin & padding)
Use Bootstrap spacing utilities (margin/padding) to tune layout quickly and consistently.
Open tour
Borders & rounding
Use border utilities for rounding, borders, and subtle separators in your UI.
Open tour
Text formatting
Use text utilities for alignment, wrapping, truncation, and emphasis.
Open tour
Colors, background & effects
Apply Bootstrap color utilities for text, backgrounds, and emphasis states.
Open tour
Display & flex
Use display and flex utilities for responsive layouts, alignment, and spacing.
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 destination
Wappler Docs Index
Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.
Open destination