City of Tampa Style Guide

A Jumbotron is a full width hero banner with a flexible overlay area that can support common markup. Overlay positioning options are overlay-{middle/bottom}-{left/right} an example would be overlay-middle-right. A Jumbotron turns into a card on mobile. Adding w-100 to the overlay will create a larger overlay if needed.

When to use: When you need a primary hero banner.

When not to: The overly can only support a small amount of content.

Notes: The Jumbotron does not have to be linked, instead place buttons in the overlay region.