文档here中的Navbar示例包含嵌入在导航栏中的<b-nav-form>部分，其中包含<b-form-input>和<b-button>。但是当我尝试在我自己的页面中使用该样本时，只有输入框可见（它位于按钮顶部 - 如果我删除<b-form-input>，我可以看到按钮）。我有一个问题here的jsfiddle示例。
他们的示例如下所示：Expected Navbar
当我尝试使用它时，它看起来像这样：Resulting Navbar
这是我使用的库/ css版本的问题吗？ （目前最新的每个：bootstrap 4.0.0，bootstrap-vue 2.0.0-rc.1，vue 2.5.13，我尝试过几个早期的组合。）我无法分辨bootstrap-vue.js.org正在使用哪些版本的库。
答案 0 :(得分：0)
尝试：
<b-nav-form>
<b-form-input class="mr-sm-2" type="text" placeholder="Search"></b-form-input>
<b-button class="my-2 my-sm-0" type="submit">Search</b-button>
</b-nav-form>
