2013-07-02 65 views
12

在Twitter的引導的起動template.html,導航欄被寫爲單獨的導航欄和導航欄內部類的目的是什麼?

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

但是,如果我改變的標記來

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

一切似乎很好地工作,而且也沒有明顯的視覺差異盡我所知。與兩個div關聯的單獨的navbarnavbar-inner類是什麼原因?爲什麼不只有一個navbar類,它結合了兩者的風格?

+0

我相信這是對瀏覽器的兼容性和響應式設計。 – screenmutt

+0

剛剛檢查過,如果我有一個單獨的導航欄和navbar內部類的div,響應式導航欄似乎仍然工作正常。 (雖然只在Chrome中測試過) – Tony

回答

6

它使您的html文檔的結構更清晰可讀。 .navbar類設置位置(並具有內聯的默認顯示),而navbar-inner類包裝此容器(顯示錶)的內容。 您的.navbar可以包含更多像navbar-inner一樣的塊。

在您的層次DOM結構.navbar具有相同的水平.container(液)的div:

enter image description here

+3

不知道我明白,額外的div當不需要額外的div時,對我來說看起來不是很清晰和可以接受。 – Tony