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

Question

我一直在使用.navbar-headerBootstrap类作为我的导航栏很长一段时间,但从来没有想过要为什么而烦恼.我在网上搜索了为什么我们使用它但没有找到任何解释.有人可以解释它的目的是什么吗？

<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

navbar-header主要是Bootstrap导航栏的架构类.它在导航栏的左侧分配大约150px以包装导航栏品牌,并允许品牌名称或徽标在点击或悬停时使用整个区域.但是,navbar-header最有用的特性是它在768px(平板电脑视图)之后的100%宽度响应.这样,品牌就可以在视口的顶部居中,这样就可以避免在打开时让您的响应式菜单与品牌重叠.编辑 - >导航栏品牌不响应100%宽度.

但是你是对的,关于网上这个类的说法很少,因为它本身并不执行一个函数.大多数人只是将其单独留下,替换它,或者将其用作钩子(父)类来定位导航栏品牌或他们想要包含的任何其他元素.