#50d. Zastosowanie elementów CSS – Stopka

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!

  1. Uruchom swój kod. W pierwszym bloku elementu z klasą footer utwórz nieuporządkowaną listę z klasami nav, nav-pills, nav-stacked.
  2. Kolejno dodaj pięć odnośników swojego menu li, tak jak w górnym menu.
  3. W drugiej kolumnie dodaj nagłówek h4 z napisem “Kontakt“. W środku dodaj paragrafy z danymi kontaktowymi.
  4. Na koniec możesz ostylować stopkę wg swoich upodobań w arkuszu stylów. 
PRZYKŁAD. KLIKNIJ, ABY PODEJRZEĆ…

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 

Chcesz na bieżąco otrzymywać informację o nowych materiałach? Zapisz się do NEWSLETTERA!