<div "d-flex	kontener flex
flex-row	wyswietlanie w wierszu
"flex-row-reverse"	wiersz, w owrotnej kolejnosci
"flex-column"	w kolumnie
"flex-column-reverse"	w kolumnie odwrotnie
"flex-sm-column" / "flex-sm-row" "flex-sm-column=reverse" itn.	xd
"align-items-baseline/stretch/sm-end"	| rozszerza maxymalnie | responsywnosc
"align-self-end/center/stretch"	pojedynczy item
"flex-fill"	po rowno w kazdym wierszu
"flex-grow-1" | "flex-shrink-1"	wymusza zajecie wiecej/mniej miejsca na koszt inych el.
"mr-auto" | "ml-auto" | mb-auto | mt-auto	wymusza przesuniecie
"align-items-start"	wszystkie el. na gorze
"flex-wrap"	tak jak flex:wrap
"flex-nowrap"	wypelnia przestrzen ktora jest dostepna
"flex-wrap-reverse"	odwrotnie
<div "order-3" \ order-2 itp	kolejnosc
"align-content-start" | "center"	el. sa wyrownane do gordej czesci kontenera | center- do srodka
"align-content-around"	ust. el. miedzy nimi przestrzen
"align-content-strech"	w rownym stopniu wszystkim el.