引导响应输入表单字段 [英] Bootstrap responsive input form fields

问题描述

我使用.input-lg来使表单字段很大。我的期望是，当视口缩小（小于768px通过引导默认），表单字段会变得更小，并采取正常设置，但他们不是。有任何想法吗？引导程序是否处理此场景？

I am using .input-lg to make the form fields large. My expectation is that when the viewport shrinks (less than 768px by bootstrap default), that the form fields would become smaller and take on the normal settings, but they are not. Any ideas? Does bootstrap handle this scenario?

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>

推荐答案

我认为你必须把你的输入放在一个div。输入xx类不是，让我们说，响应：D

I think you must put your input within a div. the input-xx class is not, lets say, responsive :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>

这篇关于引导响应输入表单字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！