"container"	kontener bootstrap
"row"	kontener elementow w wieszu
"col border border-dark"	border dla elementów
"col-2"	kolumna o szerokosci 2(max jest 12)
"container mt-3" | "container p-3"	mt(marginTop)/mb(marginBottom)(od 0 - 5) | padding: 3
automatyczne rozciaganie elementow i wrzucanie na stos	responsywnosc
od dolu do gory kolumny	stos
<div class="row row-cols-4">	po 4 divy na linie
div.col{col $} * 8	8x tworzy class=col z textem col
<div class="row row-cols-auto">	'auto' automatycznie dobiera ilosc kolumn
div.row > [class *="col-"]	x
"row align-items-center"	start/center/end
"row align-self-center"	start/center/end (wyrownanie werykalne)
"row justify-content-start"	start/center/end (wyrownanie wierszem)
"row justify-content-around"	dodatkowa przestrzen pomiedzy blokami
"row justify-content-between"	rozdziela na lewo i prawo
class="w-100"	szerokość 100%
class="d-none d-md-block"	lamie kolumny na 2 czesci np z 2xrowcol na 4xrow
"col-4 order-1" | "col-4 order-2" | "col-4 order-md-5" | order-first/order-last	zmienia kolejnosc wyswietlania (1-5)(md dla medium)
class="offset-md-2"	offset tworzy przerwę(tutaj o 2 elementy), cos jak margin-right
class="row gx-1"	gx/gy-1 Tworzy odstęp pomiędzy
class="d-none" |"d-block" | "d-inline"	d-none(display: none;)
class="lead"	specjalny paragraf
class="text-left" | "text-center" | "text-right"	centrowanie textu
class="text-nowrap" | "text-wrap"	nowrap- text wyjdzie poza element div
class-"text-lowercase" | "text-uppercase" | "text-capitalize"	duze,male litery itp.
class="text-break"	wrzuca text do nowej linni jak jest dlugi
class="font-weight-bold" | class="font-talic"	Przyklady uzycia font-*
class="1h-1" | "1h-sm" | "1h-base" | "1h-lg"	Odstępy między wierszami(small > large)
class="text-decoration-underline" | "text-decoration-line-through""	Przyklady: text-decoration
<class="container"><img class="img-fluid" src=""></div>	responsywny obrazek | "img-thumbnail" | "floar-left" | "float-right"
Bike	Rower
img-thumbnail	tworzy padding w około zdjęcia