Tipográfia

• Szerző: Sallai András
• Copyright © Sallai András, 2020
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

• font-size: 16px
• font-family: „Helvetica Neue”, Helvetica, Arial, sans-serif

A Bootstrap 4 a fejezet címek számára alapbeállításokat tartalmaz.

• h1 - 2.5rem ⇒ 40px
• h2 - 2rem ⇒ 32px
• h3 - 1.75rem ⇒ 28px
• h4 - 1.5rem ⇒ 24px
• h5 - 1.25rem ⇒ 20px
• h6 - 1rem ⇒ 16px

A szokásosnál jobban kiemelhetjük a fejezetcímeket a következő osztályokkal:

• .display-1
• .display-2
• .display-3
• .display-4

<h1 class="display-1">fejezetcím 1</h1>
<h1 class="display-2">fejezetcím  2</h1>
<h1 class="display-3">fejezetcím  3</h1>
<h1 class="display-4">fejezetcím  4</h1>

• .font-weight-bold
• .font-weight-normal
• .font-weight-light
• .font-italic
• .lead - kiemelés

• .text-left
• .text-justify
• .text-right
• .text-center

• .text-lowercase
• .text-uppercase
• .text-capitalize

• .text-nowrap
• .text-truncate

<p class="col-2 text-truncate">

• .align-baseline
• .align-top
• .align-middle
• .align-middle
• .align-bottom
• .align-text-top
• .align-text-bottom

Osztályok:

• list-unstyled
• list-inline
• list-inline-item

<ul class="list-inline">
  <li class="list-inline-item">alma</li>
  <li class="list-inline-item">körte</li>
  <li class="list-inline-item">barack</li>
</ul>