Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:front-end_framework:bootstrap_4:tipografia

< Bootsrap 4

Tipográfia

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

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
<p class="col-2 text-truncate">

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
<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>
oktatas/web/front-end_framework/bootstrap_4/tipografia.txt · Utolsó módosítás: 2022/02/18 09:00 szerkesztette: admin