City of Tampa Style Guide

Grid 6.3

Toggle example guides Toggle HTML markup

Bootstrap 4 Grid system where rows wrap columns that behaves like flexbox unless otherwise specified. Use .spacer inside a .d-flex to easily space items.

When to use: When you want layouts and want

When not to: For simple lists, semantic list are best.

Notes: Details at Bootstrap Docs, ALWAYS test on MOBILE

<insert-markup>layout.grid-</insert-markup>
One of three columns
One of three columns
One of three columns
col-md-8
col-md-4
Left
Right
Source: src/scss/base/_layouts.scss, line 1