Typografie:

Font písma:
Pro písmo byl zvolen písmo Open Sans. Jedná se o bezpatkové písmo, které je vhodné pro webové stránky. Písmo je dostupné na Google Fonts. Výchozí velikost písma je 16px (1rem).

Změna v Bootstrap SCSS: 
        
                $font-family-sans-serif: 'Open Sans', sans-serif;
                $font-family-monospace: 'Open Sans', sans-serif;

Systém mezer a velikostí:
Změna v Boostrap SCSS: 
        
                $spacing-xxs: 0.125rem;
                $spacing-xs: 0.25rem;
                $spacing-sm: 0.375rem;
                $spacing-md: 0.5rem;
                $spacing-lg: 0.75rem;
                $spacing-xl: 1rem;
                $spacing-2xl: 1.25rem;
                $spacing-3xl: 1.5rem;
                $spacing-4xl: 2rem;
                $spacing-5xl: 2.5rem;
                $spacing-6xl: 3rem;
                $spacing-7xl: 4rem;
                $spacing-8xl: 5rem;
                $spacing-9xl: 6rem;
                $spacing-10xl: 8rem;
                $spacing-11xl: 10rem;
Využití: 
        
                .element {
                    margin-bottom: $spacing-lg;
                    padding: $spacing-md;
                }

Velikost písma H:

Velikost H1

Velikost H2

Velikost H3

Velikost H4

Velikost H5
Velikost H6

Změna v Bootstrap SCSS: 
        
                $h1-font-size: 4.5rem;
                $h2-font-size: 3.75rem;
                $h3-font-size: 3rem;
                $h4-font-size: 2.25rem;
                $h5-font-size: 1.875rem;
                $h6-font-size: 1.5rem;

Velikost písma Display:
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6

Změna v Bootstrap SCSS: 
        
                $display-font-sizes: (
                    1: 4.5rem,
                    2: 3.75rem,
                    3: 3rem,
                    4: 2.25rem,
                    5: 1.875rem,
                    6: 1.5rem
                ) !default;

Odkazy:
Odkaz

Seznamy:
  • První položka
  • Druhá položka
  • Třetí položka
  1. První položka
  2. Druhá položka
  3. Třetí položka
První termín
Výklad prvního termínu
Druhý termín
Výklad druhého termínu
Barva textu:
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-warning-emphasis
.text-info
.text-light
.text-dark
.text-body
.text-body-emphasis
.text-body-secondary
.text-body-tertiary
.text-black
.text-white
.text-black-50
.text-white-50
.text-primary text-opacity-75
.text-primary text-opacity-50
.text-primary text-opacity-50

Zarovnávání textu:
Zarovnání textu na začátku ve všech velikostech zobrazení.
Zarovnání textu na uprostřed ve všech velikostech zobrazení.
Zarovnání textu na konec ve všech velikostech zobrazení.

Textové transformace:
Lowercased text.
Uppercased text.
CapiTaliZed text.

Textové zvýraznění:
Bold text.
Bolder weight text (relative to the parent element).
Semibold weight text.
Medium weight text.
Normal weight text.
Light weight text.
Lighter weight text (relative to the parent element).
Italic text.
Text with normal font style
This is in monospace
Secondary body text with a reset link.
This text has a line underneath it.
This text has a line going through it.
This link has its text decoration removed