vue.js - BootstrapVue 导航栏项目位置问题

Question

我通过 CLI 安装了 bootstrapvue 并使用了这个导航栏： http ://codeply.com/go/qhaBrcWp3v

但是当我在我的 Vue 组件中使用时，我得到了这个：

我怎样才能让右边的东西在 Vue.js 中正确对齐？

我已经尝试过其他导航栏同样发生。

我在用着 ：

  "bootstrap-vue": "^2.21.2",
  "vue": "^2.6.14", 
  "bootstrap-vue": "^2.21.2",
  "sass": "^1.39.0",

标签： vue.jsbootstrap-4uinavigationbar