🎨 Themes

Theme Sampler

This page shows how the current theme styles Bootstrap components, including custom GB-Custom.css and GB-Fonts.css overrides.

Grid System

.col
.col
.col
.col-4
.col-8
Responsive col
Responsive col

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text & Inline Elements

Normal paragraph text with strong, emphasis, highlight, small text, subscript, and superscript.

This is a blockquote example.
Someone famous
inline code, Ctrl + C 
// Preformatted code block
function helloWorld() {
  console.log("Hello, world!");
}

Links

Default link | Emphasis link | Icon link

Lists

  • Unordered item
  • Another item
    • Nested item
  1. Ordered item
  2. Second item
Term
Definition text

Tables

Sample Table
Header 1 Header 2
Cell A1 Cell A2
Cell B1 Cell B2

Buttons

Typography Utilities

Left aligned text

Center aligned text

Right aligned text

Bold text

Italic text

Muted text

Primary text

Success text

Danger text

Alerts

Primary alert
Success alert
Danger alert
Warning alert

Cards

...
Card title

Some quick example text for the card content.

Go somewhere

Navs & Tabs

Utilities

.bg-primary .text-white
.bg-success .text-white
.bg-dark .text-light

Forms

Figures & Images

Placeholder
A caption for the image.

Asides & Info Boxes

Article Info
By John Doe
Published: 2025-09-30
Category: Parenting

Modal