ブートストラップの入力タグ間にマージンを設定する方法は？

Question

私のページには2つの入力要素があります。私は2つの要素の間にマージンを与える必要があります。

<input type="text" class="form-control" placeholder="Username"> 
<input type="password" class="form-control" placeholder="password"> 

パスワード入力用の余白を割り当てるためのクラスを作成しました。これを行うより良い方法があるかどうかを知りたいですか？おそらくdivで2つの入力タグを折り返すことによって？

あなたはこのコードを使用することができます

Answer 1

：あなたがそれらの間にスペースを追加することにだけ興味がある場合

<div class="form-group"> 
    <input type="text" class="form-control" id="Username" placeholder="Username"> 
</div> 
<div class="form-group"> 
    <input type="password" class="form-control" id="Password" placeholder="Password"> 
</div> 

：あなたがブートストラップを使用している場合

.form-control { 
    margin:0 5px; // for left and right margin 
    margin:5px 0; // form top and bottom margin 
} 

Answer 2

は、正しい方法は、この方法を行うことです、ここに行く：

.space-right { 
 
    margin-right: 10px; 
 
}

<input type="text" class="form-control space-right" placeholder="Username" /> 
 
<input type="password" class="form-control" placeholder="password" />