[[oktatas:web:front-end_framework:bootstrap 4|< Bootsrap 4]]

====== Tipográfia ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2020
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Alapbeállítások =====
  * font-size: 16px
  * font-family: "Helvetica Neue", Helvetica, Arial, sans-serif

===== Fejezetcímek =====

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

<code>
<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>
</code>

===== Szövegbeállítások =====

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

==== Igazítás ====

  * .text-left
  * .text-justify
  * .text-right
  * .text-center

==== Szöveg alakítása ====

  * .text-lowercase
  * .text-uppercase
  * .text-capitalize

==== Tördelés, tulfolyás ====


  * .text-nowrap
  * .text-truncate

<code html>
<p class="col-2 text-truncate">
</code>


==== Függőleges igazítás ====

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


===== Listák =====

Osztályok:
  * list-unstyled
  * list-inline
  * list-inline-item


<code html5>
<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>
</code>