が、私はここに示されている一人として、ブートストラップに似たフォームを作成しようとしていた入力要素

Question

形成：それはU2Fデバイスを登録言うところの下https://demo.yubico.com/u2f?tab=register

を、3つの可視inputがあります要素。

<input type="text" name="username" placeholder="Username" autofocus="autofocus" /> 
<input type="password" name="password" placeholder="Password" /> 
<br /> 
<input type="submit" class="btn btn-success" value="Next" /> 

フォームを表示すると、ユーザー名とパスワードの要素は、完全に別々の行に他の下の一つです。これが明示的にどこでも起こっていることを示すために、私はブートストラップやカスタムCSSを見ません。 HTMLをそのままコピーしてBootstrapを含めると、要素が並べて表示されます。

CSSの中には、フォームの入力要素間で改行が起こっていることが見逃されていますか？含むフォームが両方に彼らのために十分な広さではありません

Answer 1

は、これらの要素のラッパーがそれを引き起こしている

Answer 2

1行に収まる：あなたが幅を拡大した場合 - それはサイドでそれらを側面が表示されます