bootstrap中怎么設(shè)置表單的寬高

本篇文章為大家展示了bootstrap中怎么設(shè)置表單的寬高，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

您可以分別使用 class .input-lg 和 .col-lg-* 來(lái)設(shè)置表單的高度和寬度。

下面的實(shí)例演示了這點(diǎn)：

<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="默認(rèn)輸入">  </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="">默認(rèn)選擇</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>

上述內(nèi)容就是bootstrap中怎么設(shè)置表單的寬高，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。