html – Bootstrap响应式输入表单字段

我使用.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>

解决方法

我认为你必须把你的输入放在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>

原文地址：https://www.jb51.cc/html/223971.html