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

发布时间：2020-12-14 19:40:06 所属栏目：资源来源：网络整理

导读：我使用.input-lg使表单字段变大.我的期望是当视口缩小(默认情况下低于768px)时,表单字段会变小并采用正常设置,但它们不是.有任何想法吗？引导程序是否处理此方案？更新： HTML form class="form-inline" role="form" div class="form-group" label class="s

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!