Bootstrap Visuals for Confluence
  • Introduction
  • Free and License Macros
  • Administrator Guide
    • Sample Page Code
    • Interference with other Apps
    • Data Center Compatibility
  • User Guide
    • Alert Box
    • Alert Box 5
    • Bootstrap Color Styles
    • Badge
    • Badge 5
    • Button
    • Button 5
    • Button Group
    • Button Group 5
    • Callout
    • Callout 5
    • Card
    • Card 5
    • Jumbotron
    • List Group
    • List Group 5
    • List Group Item
    • List Group Item 5
    • Panel
    • Progress Bar
    • Progress Bar 5
    • Multi Progress Bar 5
    • Spacer
    • Spinner
    • Spinner 5
    • Toast
  • Credits
Powered by GitBook
On this page
  • Screenshot
  • Description
  • Adding the Macro
  • Macro Options
  • Header
  • Header Style
  • Body

Was this helpful?

  1. User Guide

Jumbotron

PreviousCard 5NextList Group

Last updated 2 years ago

Was this helpful?

Screenshot

Description

The Jumbotron places a large gray block on your page that you can fill with a title and some text, separated by a horizontal line.

The Jumbotron will occupy the width of the parent object. If you don’t place it in a smaller layout section or div block, it will span across the whole content area.

Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap Jumbotron” macro

Macro Options

Header

Enter the header of the Jumbotron.

Header Style

Select the size of the header.

Body

This macro supports a body. The content that you place in the content will be displayed as regular text below the header.

After you save the macro while editing the page, put any text or another macro in the body: