“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

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

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

Answer 2

我认为它在 Bootstrap 5 中不存在。 我在bootstrap.css中搜索过，没有找到