ブートストラップ応答入力フォームフィールド

Question

.input-lgを使用してフォームフィールドを大きくしています。私の期待は、ビューポートが縮小（ブートストラップのデフォルトで768px未満）すると、フォームフィールドが小さくなり通常の設定を引き継ぐことですが、そうではありません。何か案は？ブートストラップはこのシナリオを処理しますか？

UPDATE：

HTML

<form class="form-inline" role="form"> 
     <div class="form-group"> 
     <label class="sr-only" for="searchZipcode">Zipcode</label> 
     <input type="text" class="form-control input-lg input-search" id="searchZipcode" placeholder="Zipcode of home?"> 
     </div> 
    </form> 

Answer 1

私はあなたがdiv要素の中に、あなたの入力を入れなければならないと思います。 input-xxクラスは応答可能ではありません。D

<div class="col-xx-xx"> // change xx-xx to some accepted value like sm-4, md-10, whatever it fits you. 
    <input class="input-lg"> 
</div> 

Answer 2

ブートストラップではこのシナリオを処理できません。コメントと回答に感謝します。

Answer 3

この問題も発生しました。私は、htmlの頭の部分に

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

を追加して修正しました。ただし、これによりズームも無効になるので注意してください。

Answer 4

私は通常、その理由のためにcontenteditable divを使用することを好みます。ブートストラップクラスを適用して、幅を反応させることができます。あなたはそれを入力のように見せたいなら、それを境界線にすることができます。 valueの代わりにtextContentを使用してデータにアクセスし、changeイベントの代わりにfocusoutイベントを使用します。