| <nav "navbar navbar-expand-md" | navbar-expand: kiedy zamieni sie w mobilne |
| <div "container fluid" | ustawia wykorzystanie szerokości na 100%. menu mobilne ponizej 760px |
| <a "navbar-brand" | logo/link/nazwa firmy itp. |
| <button "navbar-toggler" data-toggle="collapse" data-target="#navbarContent"> | przycisk menu mobilnego | navbar-content-cialo, to co ma sie wyswietlic |
| <span "navbar-toggler-icon" | ikona burgera |
| <"collapse" "navbar-collapse" id="" | kontener | id, od przycisku menu(data-target) |
| <ul "navbar-nav" | kontener li |
| <li "navbar-item" | element menu |
| <a "nav-link" | link |
| aria-current="page" | x |
| <li "nav-item dropdown" | kontener dropdown |
| <a nav-link "dropdown-toggle" | element dropdown |
| data-toggle="dropdown" | umożliwia rozwiniecie elementow li |
| "dropdown-menu" | rozwijana lista li |
| <li<a"dropdown-item" | item listy rozwijanej |
| <form "d-flex" | x |
| <input "form control" | formuje wyglad kontrolki |
| <img loading="lazy" | nie bedzie blokowalo ladoweania calej strony |
| <ul "aria-labelledby" | identyfikator dla buttona: 'to jest ta lista' |
| <input aria-label ="search" | x |
| mr-auto | x |
| data-toggle="collapse" | "dropdown" | ?? |