Typography
Documentation and examples for Bodrum typography, including global settings, headings, body text, lists, and more.
Information
This template is based on Bootstrap. You can use all typographic elements and classes in Bootstrap. No color in the Bootstrap core was customized while the template was being prepared. Instead, special colors are defined separately.
For more detailed information, you can check the Bootstrap documentation.
Headings
All HTML headings, <h1> through <h6>, are available.
| Heading | Example |
|---|---|
|
|
h1. Bodrum heading |
|
|
h2. Bodrum heading |
|
|
h3. Bodrum heading |
|
|
h4. Bodrum heading |
|
|
h5. Bodrum heading |
|
|
h6. Bodrum heading |
.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
Display Headings
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
| Heading | Example |
|---|---|
|
|
Display 1 |
|
|
Display 2 |
|
|
Display 3 |
|
|
Display 4 |
You can use Display classes with any tag. (<h1> - <h6>, <p>, <span> etc.)
Paragraph
<p> tags are used in HTML for paragraphs. You can use this tag in the Bodrum template.