Qual è lo scopo delle classi interne della navbar e della barra di navigazione?

Question

in STARTER-template.html di Twitter bootstrap, la barra di navigazione è scritto come

<div class="navbar"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    ... 
    </div> 
    </div> 
</div> 

Tuttavia, se cambio la marcatura per

<div class="navbar navbar-inner"> 
    <div class="container"> 
    ... 
    </div> 
</div> 

tutto sembra funzionare bene e non ci sono differenze visive distinguibili come per quanto posso dire. Qual è la ragione per avere classi separate navbar e navbar-inner associate a due div? Perché non avere solo una classe navbar che combina gli stili di entrambi?

Answer 1

Rende la struttura del documento html più chiara e leggibile. La classe .navbar imposta la posizione (e ha una visualizzazione predefinita inline) mentre la classe navbar-inner racchiude il contenuto di questo contenitore (tabella di visualizzazione). Il tuo .navbar può contenere più come un blocco come navbar-inner.

Nella tua gerarchico DOM-struttura .navbar ha lo stesso livello del .container (fluido) div: