0

此处文档中的导航栏示例包括<b-nav-form>嵌入导航栏中的部分，其中包含 a<b-form-input>和<b-button>。但是当我尝试在自己的页面中使用该示例时，只有输入框可见（它位于按钮的顶部——如果我删除<b-form-input>，我可以看到按钮）。我在这里有一个问题的 jsfiddle 示例。

他们的示例如下所示：预期的导航栏

当我尝试使用它时，它最终看起来像这样：Resulting Navbar

这是我正在使用的库/css 版本的问题吗？（目前最新的：bootstrap 4.0.0、bootstrap-vue 2.0.0-rc.1、vue 2.5.13，我尝试了一些早期的组合。）我不知道哪些版本的库bootstrap-vue.js.org 正在使用。

4

1 回答 1

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>

于 2018-07-11T19:49:12.387 回答