位置直列形式旁边Navbar的品牌在自举4

Question

我试图定位直列形式，以及取决于自举4的Navbar Navbar的品牌彼此相邻（水平），而是它们被垂直地堆叠。

我使用的代码如下：

<nav class="navbar navbar-light bg-faded"> 
 
    <h1 class="navbar-brand">MyBrand</h1> 
 
    <form class="form-inline"> 
 
    <button class="btn btn-sm btn-outline-success" type="button">This should be on the same line as the brand</button> 
 
    </form> 
 
</nav>

而且我有一个bootly演示这里http://www.bootply.com/sOvVSY1TtM#

欢迎任何帮助

Answer 1

的引导4导航栏是现在垂直（移动）默认情况下。要覆盖这一点，使用navbar-toggleable-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> 

http://www.bootply.com/whbzZorNyy