使用jQuery使其看起来像响应式表单

Question

我的整个网络都是响应式的，但我的形式不是。我认为缺少的项目是这个

<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputFile">File input</label>
<input type="file" id="exampleInputFile">
<p class="help-block">Example block-level help text here.</p>
</div>
<div class="checkbox">
<label>
  <input type="checkbox"> Check me out
</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>

因为我没有＆＃34;表格组＃34;在我的代码中，除了表单外，所有内容都是响应式的，并且在移动设备上看起来不太好。

是否有一个jQuery代码来替换这个<div class="form-group">或一个帮助我使表单响应的jQuery？

Answer 1

如果其他所有内容都是响应式的，那么您还应该对表单使用CSS媒体查询。此时不需要Javascript。