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

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的HTML相关文章