html - 无法证明导航中的内容位于 Bootstrap 4 中的品牌名称旁边

Question

我希望使用 Bootstrap 将我的导航菜单放在我的品牌名称旁边。

这是我的代码:

<nav class="navbar-expand">
  <a class="navbar-brand" href="https://example.com" target="_blank">Brand</a>
  <nav class="nav justify-content-start">
      <a class="nav-link active" href="#">Home</a>
      <a class="nav-link" href="#">FAQ</a>
      <a class="nav-link" href="#">Download</a>
  </nav>
</nav>

我正在使用 navbar-expand 因为它会强制水平导航栏，即使在移动设备上也是如此，但它会将内容置于品牌名称下，这不是我想要的。感谢您的帮助!

Answer 1

将此添加到您的 CSS 中。希望这就是您要找的。谢谢

.navbar-expand{
  display:flex;
  align-items: center;}