「navbar-header」類在Bootstrap中做了什麼？

我一直在爲我的導航欄使用.navbar-header類Bootstrap很長一段時間，但從來沒有打擾過想知道爲什麼。我在網上搜索了我們爲什麼使用它，但沒有找到任何解釋。有人可以解釋它的目的是什麼嗎？「navbar-header」類在Bootstrap中做了什麼？

<nav class="navbar navbar-inverse "> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a href="#" class="navbar-brand"> 
     Website Name 
     </a> 
    </div> 
    </div> 
</nav>

來源

2016-01-09 Sift

一個人問一個真正的問題，因爲他無法找到答案，他得到了downvoted。這個世界到底是什麼！哎呀！ – Sift

導航欄標題大多是Bootstrap導航欄的建築類。它在導航欄左側分配大約150px的大小來包裝導航欄品牌，並允許品牌名稱或徽標在點擊或懸停時使用整個區域。但navbar-header的最有用的屬性是它對768px（平板視圖）和之後的100％寬度的響應。這樣品牌就可以集中在視口的頂部，這是一種很好的做法，它必須避免響應式菜單在打開時與您的品牌重疊。編輯 - >導航欄品牌不響應100％的寬度。

但是你說得對，很少有人在網上講這個課，因爲它本身並不執行一個功能。大多數人只是把它放在一邊，取而代之，或者將它用作鉤子（父級）類來定位navbar品牌或他們想包含在其中的任何其他元素。

來源

2016-01-09 02:30:41 LOTUSMS

「navbar-header」類在Bootstrap中做了什麼？

回答

相關問題