Theme Components

A reference page showing Bootstrap components used across the site.

Typography

Heading 1 (H1)

Heading 2 (H2)

Heading 3 (H3)

Heading 4 (H4)

Heading 5 (H5)

Heading 6 (H6)

This is regular paragraph text. Bold text and italic text and a link example.

This is a lead paragraph for introductory text.

This is secondary/muted text.

Badges

Primary (Green) Secondary (Grey) Dark Warning (Yellow) Danger (Pink) Info Success Light

Text Background Badges

text-bg-primary text-bg-secondary text-bg-warning text-bg-danger

Buttons

Primary Secondary Dark Warning Danger Light

Outline Buttons

Primary Secondary Dark

Button Sizes

Large Default Small

CTA Buttons

Kickstarter Substack Steam Website

Alerts

Cards

Lists

Unordered List

• Item one
• Item two
• Item three
  • Nested item
  • Another nested item

Ordered List

1. First item
2. Second item
3. Third item

List Group

• List group item
• A second item
• A third item

Tables

Blockquote

This is a blockquote. It can be used for quotes or callouts.

— Author Name

Code

Inline code looks like this.

1
2
3
4

// Code block example
function greet(name) {
  return `Hello, ${name}!`;
}

Images

Spacing Reference

Grid