2016-12-11 23 views
0

グリッドシステムを使用せずにinputのブローラップのform-controlをインライン化するにはどうしてもですか?col-md-2ブートストラップ入力フォームコントロール

これがブートストラップの唯一の機能なので、私は驚くほど迷惑に感じます。

+0

これはあなたが探しているものですか?[フォームインラインフォームコントロール](http://stackoverflow.com/questions/12201835/form-inline-inside-a-form-horizo​​ntal-in-twitter-bootstrap) –

+0

@RemyaCVまだ 'col-md-x'のグリッドシステムを使っているので、 –

答えて

1

を作ること自由に感じあなたは試すことができます: -

<form class="form-inline"> 
    <div class="form-group"> 
     <label for="email">Email address:</label> 
     <input type="email" class="form-control" id="email"> 
    </div> 
    <div class="form-group"> 
     <label for="pwd">Password:</label> 
     <input type="password" class="form-control" id="pwd"> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
</form> 

それが動作するはずです....クラス.FORM-インラインはにありますフォームコントロールの表示をインラインにします。

0

私はこれを回避策にしました。

<input type="text" class="input-sm" style='box-shadow: none; border: 1px solid lightgray'>

これは、それが行全体を占有またはグリッドシステムでプレイすることができを必要とせずに、ブートストラップのテキスト入力のように見えます。

誰もがより良い答えを持っている場合は、あなたの入力

関連する問題