Utilities (common properties)

Back to Bootstrap

Utilities (common properties)

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

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

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 tour

Wappler Docs Index

Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.

Open tour