Letzte Änderung: 06. Juli 2021

Flexbox

display:flex

(d-flex) is used by

default

on grid (col) columns.

justify-content-center

on row to center grid columns

inside row div

. Example: <div class="row justify-content-center"></div>

mx-auto

on col can be used to center

grid column div

. Example: <div class="col mx-auto"></div>

mx-auto

for centering

display:block elements with a defined width, (%, vw, px, etc..)

. Example: <div class="mx-auto w-50">Text</div>

text-center

for center

display:inline and display:block elements inside div

. Example: <div class="text-center"><span>Text</span></div> and <div class="text-center"><header>Text</header></div>

Reset a text or link’s color with class="text-reset"

Blockquote: class="blockquote"

<p class="fw-bolder">Bolder weight text (relative to the parent element).</p>

<p class="fw-normal">Normal weight text.</p>

<p class="fw-light">Light weight text.</p>

<p class="fw-lighter">Lighter weight text (relative to the parent element).</p>

<p class="fst-italic">Italic text.</p>

<p class="fst-normal">Text with normal font style</p>

<p class="text-decoration-underline">This text has a line underneath it.</p>

<p class="text-decoration-line-through">This text has a line going through it.</p>