Twitter bootstrap 在引导程序4中，将内联表单放置在导航栏品牌旁边

我试图在Bootstrap4NavBar上将内联表单和navbar品牌彼此相邻（水平）放置，但它们是垂直堆叠的

我使用的代码如下：

我的品牌
这应该和品牌在同一条线上

2018年更新

Bootstrap 4

navbar Togleable-*

已替换为

navbar expand-*

只需使用

navbar expand

即可在所有屏幕宽度上保持水平的navbar

---

引导4导航栏现在默认为垂直（对于移动设备）。要覆盖此选项，请使用导航栏Togleable xl，使其保持水平

<nav class="navbar navbar-toggleable-xl navbar-light bg-faded">
  <h1 class="navbar-brand">MyBrand</h1>
  <form class="">
    <button class="btn btn-sm btn-outline-success" type="button">New Note</button>
  </form>
</nav>

我的品牌
新注释

---

相关的：