“navbar-header”类在Bootstrap中做了什么？

Question

我一直在为我的导航栏使用.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> 

Answer 1

导航栏标题大多是Bootstrap导航栏的建筑类。它在导航栏左侧分配大约150px的大小来包装导航栏品牌，并允许品牌名称或徽标在点击或悬停时使用整个区域。但navbar-header的最有用的属性是它对768px（平板视图）和之后的100％宽度的响应。这样品牌就可以集中在视口的顶部，这是一种很好的做法，它必须避免响应式菜单在打开时与您的品牌重叠。 编辑 - >导航栏品牌不响应100％的宽度。

但是你说得对，很少有人在网上讲这个课，因为它本身并不执行一个功能。大多数人只是把它放在一边，取而代之，或者将它用作钩子（父级）类来定位navbar品牌或他们想包含在其中的任何其他元素。