Text banner

The Text banner pattern is full-width message with a background color.

Usage

• Use this pattern with a short text anywhere on the page.

Syntax

Options

• Alignment
  By default the text is centre aligned. You can alter the alignment by adding a .left or .right class.
• Background color
  You can add the following classes to alter the background color:
  • .primary
  • .secondary
  • .success
  • .info
  • .warning
  • .danger

Examples