Stopka
Tak jak zwykle bywa na stronach, ostatnim elementem na stronie jest stopka, w której zazwyczaj można znaleźć dane kontaktowe. W naszym ćwiczeniu dodamy dolną nawigację w elemencie z klasą footer
. Celem takiego zabiegu jest łatwość przejścia na inne podstrony w celu znalezienia innych informacji o firmie. To zaczynajmy!
- Uruchom swój kod. W pierwszym bloku elementu z klasą
footer
utwórz nieuporządkowaną listę z klasaminav, nav-pills, nav-stacked
. - Kolejno dodaj pięć odnośników swojego menu li, tak jak w górnym menu.
- W drugiej kolumnie dodaj nagłówek h4 z napisem “Kontakt“. W środku dodaj paragrafy z danymi kontaktowymi.
- Na koniec możesz ostylować stopkę wg swoich upodobań w arkuszu stylów.
bitter-silence-wsppf
bitter-silence-wsppf danielminschinski
To by było na tyle w ćwiczeniu o zastosowaniu elementów CSS w Bootstrapie. Mam nadzieje, że przybliżyłem Wam trochę Bootstrapa. Oczywiście najlepszym źródłem wiedzy jest oficjalna dokumentacja i to się nie zmieni. U mnie jednak znajdziesz wyjaśnienie niektórych istotnych elementów programowania na które przede wszystkim trzeba zwrócić uwagę.
W następnym kroku stworzę kontynuacje “Planu nauki Frontend Developera”. Mogę zdradzić już dzisiaj, że kontynuuje przygodę z Bootstrapem.
Zapraszam do subskrypcji i polubienia mojego blogowo/usługowego fb
Jeżeli chciałbyś/chciałabyś wesprzeć mój blog to zapraszam -> WSPARCIE DLA BLOGA