autor: Robert
Nasze menu może trzymać się góry lub dołu strony mimo jej przewijania, może też mieć szerokość całej strony niezależnie od wymiarów okna. Dodatkowo pokażę jak zrobić menu które zmienia swój wygląd i „upakowuje” swoje opcje w widoku mobilnym.
Aby górne menu było zawsze widoczne na górze strony pomimo jej przewijania, do diva z klasą .navbar
należy dołożyć klasę .navbar-fixed-top
. Należy pamiętać by do sekcji body
naszej strony dodać w stylach CSS padding o wartości minimum 70px gdyż inaczej treść naszej strony będzie się chowała pod paskiem menu.
Tutaj zasada jest identyczna jak w przypadku górnego menu, jedyna zmiana to klasa .navbar-fixed-bottom
zamiast .navbar-fixed-top
. No i oczywiście tym razem robimy wpis dla body w css padding-bottom: 70px;
Oczywiście kolor menu można zmieniać za pomocą arkusza CSS ale bootstrap oferuje zmianę koloru paska menu na czarny po zastosowaniu klasy .navbar-inverse
Poniżej przykład z przyklejonym górnym i dolnym a na dodatek czarnym menu.
Wrzuć swój kod tutaj: http://www.bootply.com/new i podeślij linka, zobaczę gdzie jest błąd:)
OdpowiedzCześć :) Nie wiem jak zrobić efekt z menu. Na stronie startowej tło menu jest przezroczyste, a po scrollowaniu w dół pojawia się jego tło. Tak jak tu: http://ironsummitmedia.github.io/startbootstrap-agency/
Z góry dzięki za pomoc! :D
Odpowiedz