Vue.js 将navbar品牌的一部分放置在酒吧外

我真的不知道如何为这篇文章制作一个好的标题，但我想要的基本上是：

但我的结果是

这是导航栏的代码。我正在使用引导Vue库

    .logo-home{
        width:50px;
        height:50px;
    }

.navbar-fh{
    background-color:#BAE5FF !important;
}

---

有什么方法可以让它看起来像第一张图片吗？

将徽标的位置更改为绝对位置，并根据需要使用上/左属性进行定位：

.logo-home{
  width:50px;
  height:50px;
  position: absolute;
  top: 20px;
}

不要忘记在移动模式下向下移动菜单项。使用以下样式向您的b-navbar-nav-like添加类别，例如菜单项：

@media (max-width: 991px) {
  .menu-items {
    margin-top: 40px;
  }
}

新Vue{ el:应用程序 }; .logo home{ 宽度：60px； 高度：60px； 背景颜色：蓝色； 位置：绝对位置； 顶部：20px； } @介质最大宽度：991px{ .菜单项{ 边缘顶端：40px； } } 家 第二页

---

修改ml auto可能不是一个好主意，您应该将样式添加到自定义样式中class@Hiws谢谢你的来信。我不使用Bootstrap，所以我不知道ml auto是Bootstrap的类。我根据你的建议添加了一个自定义类。

@media (max-width: 991px) {
  .menu-items {
    margin-top: 40px;
  }
}