インラインで表示する
form-groupで囲った部分がインラインになるので、横に並びます。
また、モバイル端末では自動でblockになり縦に並びます。
1 2 3 4 5 6 7 8 9 10 11 | <form class="form-inline"> <div class="form-group"> <label for="email">メールアドレス</label> <input type="email" class="form-control" id="email" placeholder="メールアドレスを記入" size="10"> </div> <div class="form-group"> <label for="passwd">パスワード</label> <input type="password" class="form-control" id="passwd" placeholder="パスワードを記入"> </div> <button type="button" class="btn btn-primary">送信 ≫</button></form> |