04 – Strona główna portfolio – zastosowanie ikon Glyphicons – Bootstrap.

Witaj!
Ten wpis jest kolejnym wpisem o tematyce budowania swojego portfolio.
Poprzednie wpisy:

W dzisiejszym wpisie pokażę zastosowanie ikon Glyphicons oraz stworzymy stopkę do naszej strony głównej.

  • Ikony Glyphicons
    Podstawowa biblioteka zawiera ponad 230 symboli. Ikony dostępne są na stronie getBootstrap.
    Jak korzystać z ikon?
    Pod każdą dostępną ikoną znajduje się nazwa klasy np
    Glyphicon -> odnosi się ogólnie do ikon, posiada podstawowe ustawienia
    Glyphicon-globe -> odnosi się do danej ikony

    Trzeba pamiętać, że dla prawidłowego działania musimy mieć zainstalowany:

    • plik bootstrap.min.css
    • zestaw fontów dołączonych do paczki bootstrapa
  • Ikony Glyphicons na naszej stronie głównej w porfolio.
    Do poprzedniej części naszego portfolio dodamy ikony:
    Użyliśmy siatki Bootstrapa, w której może być maksymalnie 12 kolumn, dlatego podzililiśmy 3 kolumny po 4 wiersze. Następnie dodaliśmy nasze ikony Glyphicons. Kolejnym punktem było dodatnie odnośników do przekierowania na daną stronę i podpisaliśmy odnośniki.

    Dodanie stylów do powyższego kodu:

     

  • Dodanie stopki do naszego portfolio:

    Dodanie stylów do powyższego kodu:

    Po dodaniu naszego kodu do ostatniego kodu otrzymujemy taką stronę główną:

Zapraszam serdecznie do śledzenia mnie na:
LinkedIn
Twitter
Github - piotrowinka2410

Instagram
Snapchat - piotrowinka2410
Fanpage na Facebooku 

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *