bootstrap中怎么设置表单的宽高

本篇文章为大家展示了bootstrap中怎么设置表单的宽高，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

您可以分别使用 class .input-lg 和 .col-lg-* 来设置表单的高度和宽度。

下面的实例演示了这点：

<form role="form">  <div class="form-group">    <input class="form-control input-lg" type="text" placeholder=".input-lg">  </div>  <div class="form-group">    <input class="form-control" type="text" placeholder="默认输入">  </div>  <div class="form-group">    <input class="form-control input-sm" type="text" placeholder=".input-sm">  </div>  <div class="form-group"></div>  <div class="form-group">    <select class="form-control input-lg">      <option value="">.input-lg</option>    </select>  </div>  <div class="form-group">    <select class="form-control">      <option value="">默认选择</option>    </select>  </div>  <div class="form-group">    <select class="form-control input-sm">      <option value="">.input-sm</option>    </select>  </div>  <div class="row">    <div class="col-lg-2">      <input type="text" class="form-control" placeholder=".col-lg-2">    </div>    <div class="col-lg-3">      <input type="text" class="form-control" placeholder=".col-lg-3">    </div>    <div class="col-lg-4">      <input type="text" class="form-control" placeholder=".col-lg-4">    </div>  </div></form>

上述内容就是bootstrap中怎么设置表单的宽高，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注亿速云行业资讯频道。