Jaki jest cel oddzielnych klas navbar i navbar?

na Twitter Bootstrap za rozrusznik-template.html, pasek nawigacyjny jest napisane jakJaki jest cel oddzielnych klas navbar i navbar?

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

Jeśli jednak zmienić znaczników do

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

wszystko wydaje się działać prawidłowo i nie ma żadnych dostrzegalnych różnic wizualnych jako daleko, jak mogę powiedzieć. Jaki jest powód oddzielnych klas powiązanych z dwoma elementami div? Dlaczego po prostu nie masz klasy navbar, która łączy style obu?

Źródło

2013-07-02 Tony

wierzę, że to dla kompatybilności przeglądarki i elastycznego projektowania. – screenmutt

Po prostu zaznaczone, jeśli mam pojedynczy element div z klasami wewnętrznymi navbar i navbar, responsywny pasek nawigacyjny nadal działa poprawnie. (Przetestowane tylko w chrome) – Tony

Sprawia, że struktura twojego dokumentu html jest bardziej przejrzysta i czytelna. Klasa .navbar ustawia pozycję (i ma wbudowany domyślny wyświetlacz), podczas gdy klasa wewnętrzna navbar owija zawartość tego kontenera (tabela wyświetlania). Twój .navbar może zawierać więcej niż jeden blok, taki jak wewnętrzny pasek nawigacji.

W swojej hierarchicznej strukturze DOM .navbar ma ten sam poziom co .container (płynie) DIV:

enter image description here

Źródło

2013-07-02 21:53:13

Nie jestem pewien, rozumiem, dodatkowe div, gdy nie jest potrzebny dodatkowy div, nie wydaje się jasne i ponownie dla mnie. – Tony

Jaki jest cel oddzielnych klas navbar i navbar?

Odpowiedz

Powiązane problemy