Kurs Bootstrap (#1) Zrozumieć siatkę bootstrapową скачать в хорошем качестве

Kurs Bootstrap (#1) Zrozumieć siatkę bootstrapową

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:33 Opis plików projektu 00:02:18 Kod HTML i CSS wersji nieresponsywnej 00:05:02 Struktura witryny: intuicja tabelaryczna, bloki 00:06:14 Wersja mobilna witryny vs. RWD (responsywność) 00:08:17 Pomysł stworzenia responsywnej siatki (grida) 00:10:30 12 możliwych kolumn w siatce 00:12:35 5 progów szerokości (rozmiaru ekranu) 00:15:42 Co oznacza skrócony zapis szerokości? 00:18:36 Odstępy poziome między kolumnami (guttery) 00:19:45 4 progi szerokości w Bootstrapie 3 00:20:12 Podpięcie Bootstrapa 4 do witryny 00:25:52 Zbiorczy pojemnik siatki: .container 00:26:39 Zbiorczy pojemnik siatki: .container-fluid 00:28:45 Wiersz siatki: .row (wrapper dla kolumn) 00:30:52 Kolumny siatki: .col-sm-4 00:32:21 Plik normalize.css 00:32:55 Responsywność obrazów: .img-fluid 00:35:02 Responsywność obrazów: własny CSS 00:37:42 Sprawdzenie działania siatki dla .col-sm-4 00:39:06 Kolumny siatki: .col-sm-6 .col-md-4 00:40:32 Kolumny siatki: .col-sm-6 .col-md-4 .col-xl-3 00:41:18 Zróżnicowanie wielkości kafelków sekcji 00:45:42 Offsetowanie kolumn: .offset-md-1 00:47:57 Usunięcie poziomych odstępów kolumn: .no-gutters 00:49:25 Przeniesienie kolumny do nowej linii: .w-100 00:51:25 Brak contentu pomiędzy .row a .col 00:52:01 Kilka słów końcowych 00:53:46 Podsumowanie odcinka na slajdach 💾 POBIERZ PLIKI Z ODCINKA: http://miroslawzelent.pl/kurs-bootstr... 🎬 NOWE INTRO: Kuba Klonowski-Bieda (dziękujemy!) 🎵 MUZYKA: Sappheiros - Embrace   / embrace   Zajrzyjcie, facet tworzy świetną muzykę! Please, follow this awesome artist, he totally deserves it! Sappheiros na YT: http://bit.ly/2fuOcTG   / sappheirosmusic     / sappheirosmusic     / sappheirosmusic   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