Budowa paska nawigacji.

Stronę wypadałoby zacząć od budowy paska navi i przykładowego "menu" działać będziemy w sekcji "body" i tam też wpisujemy odpowiedni kod:

<!-- navi  -->
<nav>
    <div class="nav-wrapper teal lighten-2">
        <a href="#" class="brand-logo">Nasza strona</a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
            <li><a href="#">menu1</a></li>
            <li><a href="#">menu2</a></li>
            <li><a href="#">menu3</a></li>
        </ul>
    </div>
</nav>
Wygląd paska nawigacji.

Efekt możemy zobaczyć poniżej, otrzymujemy nawigację strony z jej tytułem (który oczywiście możemy zmienić) i kilka odnośników do podstron, które stworzymy w przyszłości, jak widać, nie jest to nic trudnego.



Zobacz również: