皆様いつもお世話になっております。
Twitter Bootstrap4を使ってこのように、一部の入力欄だけを横並びにしたいのですが
以下のコードで実装すると、
html
1<form method="post"> 2 <div class="form-group form-inline"> 3 <label>姓</label> 4 <input type="text" name="firstname" class="firstname form-control" required> 5 <label>名前</label> 6 <input type="text" name="lastname" class="lastname form-control" required> 7 </div> 8 <div class="form-group"> 9 <label>パスワード</label> 10 <input type="password" name="password" class="password form-control"> 11 </div> 12 <div class="form-group"> 13 <label>メールアドレス</label> 14 <input type="email" name="password" class="password form-control"> 15 </div> 16</form>
このように、labelがinputの右側に来てしまいます。
どのようにしたら、横並びにしたときに<label>要素を<input>の上に表示できるでしょうか?
どうかご教授のほどよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/19 02:41