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