2016-10-20 8 views
0

ラベルを追加せずにチェックボックスを入力と揃えるにはどうすればよいですか?この場合、正しい方法/ベストプラクティスは何ですか?ここでブートストラップ3にラベルのないフォーム要素を整列させます

は例です:http://codepen.io/rotavio/pen/GjwLEO

<form class="container"> 
    <div class="row"> 
     <div class="form-group col-md-4"> 
      <label for="exampleInputEmail1">Email address</label> 
      <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"> 
     </div> 
     <div class="form-group col-md-4"> 
      <label for="exampleInputPassword1">Password</label> 
      <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 
     </div> 
     <div class="checkbox col-md-4"> 
      <label> 
       <input type="checkbox"> Remember Me 
      </label> 
     </div> 
    </div> 
</form> 

答えて

0

私の提案はそうはい、あなたが整列する]チェックボックスを強制するが、あなたの参照ではありません「私は覚えている」ことができ、div要素のチェックボックスをラップするだけです。 ラベル内の入力を正しくないものとして削除し、上記のものと矛盾します。

<form class="container"> 
<div class="row"> 
<div class="form-group col-md-4"> 
    <label for="exampleInputEmail1">Email address</label> 
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"> 
</div> 
<div class="form-group col-md-4"> 
    <label for="exampleInputPassword1">Password</label> 
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 
</div> 
<div class="checkbox col-md-4"> 
    <label>&nbsp;</label> 
    <div><input type="checkbox">Remember Me</div> 
</div> 
</div> 
</form> 
関連する問題