Components

This page provides a visual reference for Bootstrap components and Bootswatch theme settings as used by the Felmdrav theme.

It is intended to help you evaluate typography, colors, form elements, buttons, and other UI components across different Bootstrap and Bootswatch themes.

Note: For demonstration purposes, this page intentionally uses the fixed-top navbar header variant instead of the hero header.

This makes it easier to focus on component styling without the visual influence of a hero image.

All components shown here follow standard Bootstrap behavior.
The theme does not introduce custom component styling beyond layout and spacing.

Typography

Lead paragraph showing emphasis and spacing.

Regular text with a link, strong, emphasis, inline code and KBD.

Heading 1

Heading 2

Heading 3

Heading 4

Blockquote example text.

Someone famous

Buttons


Alerts

Primary alert
Success alert
Warning alert
Danger alert

Badges

Primary Success Warning Danger

Forms

Helper text example

Modal


Tables

NameStatusAmount
Invoice #1001Paid€120.00
Invoice #1002Open€89.50
Invoice #1003Overdue€42.00

Navigation


Cards & Grid

Simple card

Spacing, borders and text colors.

Card with list
  • Item one
  • Item two
  • Item three

Dropdowns


List groups

  • Active item
  • Regular item
  • Disabled item

Progress

50%
75%

Accordion

Content for the first accordion panel.

Content for the second accordion panel.

Tooltips


Toast

Toast now
This is a demo toast message.

Powered by Hugo. Theme Felmdrav by Ralf Geschke. As you can see, this is an example of the area below the footer. You can change this.