bootstrap-vue 示例中的 b-nav-form 无法正确呈现
b-nav-form in bootstrap-vue example not rendering correctly
文档中的 Navbar 示例 here includes a <b-nav-form> section embedded within the navbar, containing a <b-form-input> and <b-button>. But when I try to use that sample in my own page, only the input box is visible (it's on top of the button -- if I remove the <b-form-input>, I can see the button). I have a jsfiddle example of the problem here。
他们的示例如下所示：Expected Navbar
当我尝试使用它时，它最终看起来像这样：Resulting Navbar
这是我使用的 libraries/css 版本的问题吗？
（目前最新的是：bootstrap 4.0.0，bootstrap-vue 2.0.0-rc.1，vue 2.5.13，我已经尝试了一些早期的组合。）我无法判断 bootstrap-vue.js.org 正在使用哪个版本的库。
试试这个：
<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>
文档中的 Navbar 示例 here includes a <b-nav-form> section embedded within the navbar, containing a <b-form-input> and <b-button>. But when I try to use that sample in my own page, only the input box is visible (it's on top of the button -- if I remove the <b-form-input>, I can see the button). I have a jsfiddle example of the problem here。
他们的示例如下所示：Expected Navbar
当我尝试使用它时，它最终看起来像这样：Resulting Navbar
这是我使用的 libraries/css 版本的问题吗？ （目前最新的是：bootstrap 4.0.0，bootstrap-vue 2.0.0-rc.1，vue 2.5.13，我已经尝试了一些早期的组合。）我无法判断 bootstrap-vue.js.org 正在使用哪个版本的库。
试试这个：
<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>