Bootstrap响应式输入表单字段

Tim*_*BSM 7 html css twitter-bootstrap twitter-bootstrap-3

我使用.input-lg使表单字段变大.我的期望是当视口缩小(默认情况下低于768px)时,表单字段会变小并采用正常设置,但它们不是.有任何想法吗?引导程序是否处理此方案?

更新:

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>
Run Code Online (Sandbox Code Playgroud)

Bar*_*xto 8

我认为你必须把你的输入放在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>
Run Code Online (Sandbox Code Playgroud)


Tim*_*BSM 5

Bootstrap 无法处理这种情况。感谢大家的评论和回答。