Containers
Use Bootstrap containers for standard layouts and Versa containers where the theme’s shared shell requires them. Avoid one-off page widths.
Grid
.col-4
.col-4
.col-4
Prefer Bootstrap grid classes over custom layout CSS for common responsive columns.
Responsive design
Design mobile-first. Components should reflow naturally, preserve touch targets and avoid horizontal scrolling at common viewport sizes.
Utilities
Use Bootstrap spacing, display, flex, sizing, position, text and accessibility utilities before adding project-specific CSS.