Tipográfia

Címsorok (h1,...,h6,.display-1,...,.display-4)

A Bootstrap 4-ben az alapértelmezett betűtípus-család: "Helvetica Neue", Helvetica, Arial, sans-serif; az alapértelmezett betűméretet 16px és a sorok távolsága 1,5. Ezenkívül az összes <p> elemnél margin-top: 0 és margin-bottom: 1rem (16px).

A HTML stílusú fejlécek/címsorok (<h1> - <h6>) megnövelt betűmérettel rendelkeznek (40px, 32px, 28px, 24px, 20px, 16px).

A Bootstrap 4 "display" típusú címsorainál a normál címeknél nagyobb betűméret és kisebb betűvastagság van, és négy osztály közül választhatunk: .display-1, .display-2, .display-3, .display-4 (96px, 88px, 72px, 56px).

  <h1>Címsor 1</h1>
  <h2>Címsor 2</h2>
  <h3>Címsor 3</h3>
  <h4>Címsor 4</h4>
  <h5>Címsor 5</h5>
  <h6>Címsor 6</h6>

  <h3>Nagy <small>majd egyre <small>kisebb</small></small></h3>

  <h1 class="display-1">Display 1</h1>
  <h1 class="display-2">Display 2</h1>
  <h1 class="display-3">Display 3</h1>
  <h1 class="display-4">Display 4</h1>

Egyéb variációk: https://getbootstrap.com/docs/5.2/content/typography/#headings

Teszteléshez kattintsunk arra a gombra, amelyre az egérkurzort téve "Edit on StackBlitz" szöveg jelenik meg!

Itt a forrásprogram módosítható is!