Kurs Bootstrap (#2) Belka nawigacyjna (navbar)

Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage'u Pasji informatyki na Facebooku. 🔔 SUBSKRYBUJ NASZ KANAŁ - https://bit.ly/pasja-sub Dostarczamy dla Was tutoriale rozpalające pasję informatyki oraz inspirujące treści rozwojowo-filozoficzne. Utrzymujemy też pomocne witryny oraz dajemy szanse zasięgowe fajnym twórcom ze sceny. Jeśli masz ochotę wesprzeć to co robimy, to możesz: 🖐 Zostać Patronem - https://patronite.pl/pasja-informatyki ☕️ Ufundować nam wirtualną kawę - https://buycoffee.to/pasja-informatyki ✌️ Wpłacić donate - https://miroslawzelent.pl/donate/ 🔎 NASZE MIEJSCA W SIECI: 🧐 KURSY INF.02 i INF.03 - https://zdaj-informatyka.pl/ 📌 Fanpage na Facebooku - https://bit.ly/pasja-fb ❤️ Lista Patronów - https://pasja-informatyki.pl/patroni 📑 Harmonogram publikacji - https://bit.ly/pasja-harmonogram 📩 Kontakt z nami - https://pasja-informatyki.pl/kontakt/ 💡 Współpraca reklamowa - https://bit.ly/pasja-wspolpraca 👉 Darmowe kursy video dla technikum - https://pasja-informatyki.pl 👉 Blog informatyczny - https://miroslawzelent.pl 👉 Trenażer do egzaminu informatyka - https://egzamin-informatyk.pl 👉 Trenażer do egzaminu programisty - https://egzamin-programista.pl 👉 Forum dyskusyjne - https://forum.pasja-informatyki.pl/ 👉 Witryna podcastowa - https://podcast.pasja-informatyki.pl/ 👉 Profil Spotify - https://bit.ly/spotify-pasja 👉 Profil iTunes - https://apple.co/4nbK6QY 👉 Twitter MZ -   / miroslawzelent   👉 Twitter DS -   / stelmach_damian   🕐 TIMESTAMPS (CHWILE CZASOWE): 00:00:00 Wstęp do odcinka 00:00:50 Komponenty nawigacyjne = navs 00:02:13 Belka nawigacyjna = navbar 00:03:13 Opis plików projektu, paczka ZIP do pobrania 00:04:07 Nawigacja witryny: nav albo div role="navigation" 00:05:13 Predefiniowane kolory tła: .bg-* 00:06:14 Logo serwisu: .navbar-brand 00:07:24 Kolor tekstu: .navbar-light, .navbar-dark 00:10:30 Nadanie atrybutu display: .d-* 00:12:55 Nadanie odstępów: .m-*, .p-* (margin, padding) 00:15:28 Nadanie wyrównania w pionie: .align-* 00:16:43 Toggler (przełącznik menu): .navbar-toogler 00:19:10 Expand menu na szerokim ekranie: .navbar-expand-* 00:20:47 Wyrównianie togglera do lewej strony i brandu do prawej 00:21:58 Kolaps menu na wąskim ekranie: navbar-collapse 00:23:33 Mechanizm rozwijania menu: atrybut data-toggle 00:25:19 Atrybuty ARIA dla menu głównego (poprawa dostępności) 00:28:10 Poziome menu główne: .navbar.nav, .nav-item, .nav-link 00:31:27 Rozwijane submenu: .dropdown, .dropdown-toggle 00:32:50 Opcje w submenu: .dropdown-menu, .dropdown-item 00:33:37 Mechanizm rozwijania submenu: atrybut data-toggle 00:35:13 Atrybuty ARIA dla submenu (poprawa dostępności) 00:37:32 Wyróżnienie aktualnej podstrony: .active 00:38:37 Wyszarzenie aktualnej podstrony: .disabled 00:39:40 Rozwijanie submenu hoverem czy przy kliknięciu? 00:42:55 Formularz w navbarze: .form-inline 00:45:28 Wyrównanie formularza do prawej strony: .mr-auto 00:46:38 Dobranie właściwego rozmiaru ekranu dla expanda 00:47:12 Usunięcie buga ze zmienną wysokością navbara 00:48:04 Własny kolor tła belki nawigacyjnej 00:48:58 Kilka słów końcowych 00:49:40 Podsumowanie odcinka na slajdach 💾 POBIERZ PLIKI Z ODCINKA: http://miroslawzelent.pl/kurs-bootstr... 🎵 MUZYKA: VentiCoco - Tranquil A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially: http://bit.ly/CCAttribution #pasjainformatyki #programowanie #kursbootstrap