BootStrap表單寬度怎么設(shè)置

這篇文章主要介紹BootStrap表單寬度怎么設(shè)置，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

用bootstrap的柵格“ coll-md- ”命令設(shè)置寬度總是不盡人意，有時(shí)上下框?qū)Σ积R，有時(shí)上下寬度又不齊，這時(shí)建議用“ "

<div class="page-header">
   <form class="form-horizontal" >
     <div class="form-group form-group-lg">
      <label class="col-sm-2 control-label no-padding-right"for="form-field-userName1">轉(zhuǎn)運(yùn)聯(lián)單號(hào)</label>
         <div class="col-sm-4">
           <input class="col-xs-12 col-sm-10" type="text" id="mission_id"placeholder="請(qǐng)輸入關(guān)鍵字搜索"/>
         </div>
    </div>
   <form>
<div>

2.或者人用style屬性

<form class="form-horizontal" >
     <div class="form-group">
      <label class="col-sm-1 control-label no-padding-right"for="form-field-userName1">任務(wù)單號(hào):</label>
        <div class="col-sm-4">
         <input class="col-xs-12 col-sm-10" type="text" id="form-field-userName1"placeholder="請(qǐng)輸入關(guān)鍵字搜索"/>
       </div>
     </div>
</from>

對(duì)比可以看出來，使用第二種方法更加整齊些。

以上是“BootStrap表單寬度怎么設(shè)置”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！