Bovenste menu is die van de uitleg

De menu hieronder is identiek dezelfde maar in de eertste regel in de nav tag navbar-default vervangen door navbar-inverse
deze menu wekt wel niet omdat dit de 2de is op deze pagina en dat gaat niet, beide gebruiken data-target="#myNavbar" en die naam is niet wijzigbaar.

De menu hieronder is de versie zonder "collapse" dus zonder in- uit- uitklapbare menu en werkt wel. Om het verschil met de menu's hierboven te zien, moet je wel je schermbreedte verkleinen

Je kan in je stylesheet allerlei zaken aanpassen. In de menu hieronder is de achtergrond kleur op die van de pagina gezet. In <nav class="navbar navbar-default"> zet je uw style bij bv:menubar. dan wordt deze regel <nav class="navbar navbar-default menubar">
Dat is hetzelfde als class="navbar navbar-default" class="menubar"

De gebruikte style is de volgende

.menubar{
   background-color:white;
   border: none;
}
zonder border:none blijft er een kader van 1px rond je menu staan.

Dan heb je nog de geaccentueerde keuze (dat is de pagina waarop je staat), dat gebeurd met de class="active" in de li van de pagina.
Hier is dat overal Home. Dit systeem werkt enkel als je menu in de pagina staat, dus voor website's met slechts enkele pagina's die je nooit gaat uitbreiden.
Sta je in de pagina Page1 dan moet je in de menu daar die class="active" in de link voor die pagina zetten.
Dus weghalen uit de link voor home en in de link voor Page1 plaatsen.