Uvod
U ovoj lekciji naći ćete nekoliko primjera sa naprednom izvedbom horizontalnog, responsivnog menu-a. Pri tome se koristo bootstrapov navbar.Jednostavan horizontani menu
Najjednostavniji horizontalni menu koristi bootstrapov navbar.Pri tome je potrebno uključiti 3 fajla:
1. bootstrap.min.css (100kB)
2. jquery.js (97kB)
3. bootstrap.min.js (21kB)
Horizontalni menu sa dva linka i dva dropboxa.
vidi code
» vidi stranicu
CSS
Različiti primjeri horizontalnih, responsivnih menua sa izmjenjenim CSS svojstvima.Dodavanje vertikalnog delimitera između linkova i dropboxova.
vidi code
» vidi stranicu
Predefinirana visina navbara je 50px. Ako ju želimo smanjiti učinit ćemo to kao u donjem primjeru.
Smanjena visina horizontalnog menua i izjena veličine fonta.
vidi code
» vidi stranicu