ブートストラップ4のnavbar-brandの隣にインラインフォームを配置

Question

私は、ブートストラップ4のナビゲーションバー上で横に（横に）インラインフォームとnavbar-brandを配置しようとしています。

私が使用していたコードは以下の通りです：

<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#

は、ブートストラップ4ナビゲーションバーが今どんな助け

Answer 1

ようこそデフォルトでは垂直（モバイル用）です。これを上書きするには、それは水平のままであるように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