BootStrap表單寬度設(shè)置方法
更新時(shí)間：2017年03月10日 10:52:58 作者：sinat_27696941
這篇文章主要介紹了BootStrap表單寬度設(shè)置方法,僅僅是小編日常遇到問(wèn)題記錄，寫(xiě)的不好還請(qǐng)見(jiàn)諒，需要的朋友可以參考下
用bootstrap的柵格“ coll-md- ”命令設(shè)置寬度總是不盡人意，有時(shí)上下框?qū)Σ积R，有時(shí)上下寬度又不齊，這時(shí)建議用“style="width:100px" "
<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"style="float:left;font-size:1em; font-family:Microsoft YaHei;"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"style="width:180px;font-size:1em; font-family:Microsoft YaHei;"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ì)比可以看出來(lái)，使用第二種方法更加整齊些。
本人bootstrap剛?cè)腴T(mén)，只是在做項(xiàng)目時(shí)遇到的問(wèn)題和解決方法寫(xiě)下來(lái)，可能有時(shí)是錯(cuò)誤的，請(qǐng)大家多多指教。如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了原生js編寫(xiě)的autoComplete插件，感興趣的小伙伴們可以參考一下2016-04-04
微信小程序 函數(shù)防抖 解決重復(fù)點(diǎn)擊消耗性能問(wèn)題實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序使用函數(shù)防抖解決重復(fù)點(diǎn)擊消耗性能問(wèn)題實(shí)現(xiàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要為大家介紹了設(shè)置BFC功能及使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要為大家詳細(xì)介紹了原生JS仿QQ閱讀點(diǎn)擊展開(kāi)、收起效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
默認(rèn)情況javascript是同步加載的,javascript的加載時(shí)阻塞的，后面的元素要等待javascript加載完畢后才能進(jìn)行再加載,如何解決這個(gè)問(wèn)題呢,接下來(lái)將為你詳細(xì)介紹下異步加載js三種實(shí)現(xiàn)方案,感興趣的你可以參考下哈2013-03-03
js實(shí)現(xiàn)圖片從左往右漸變切換效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)圖片從左往右漸變切換效果的方法,是比較典型的圖片漸變切換效果特效,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)彈窗猜數(shù)字游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript作為一門(mén)解釋執(zhí)行的腳本語(yǔ)言,其變量作用域與傳統(tǒng)編譯型語(yǔ)言有著明顯的區(qū)別,本文將詳細(xì)介紹JavaScript中變量的作用域規(guī)則,以及利用閉包實(shí)現(xiàn)的常見(jiàn)作用域應(yīng)用場(chǎng)景,幫助讀者進(jìn)一步掌握J(rèn)avaScript編程,感興趣的朋友跟隨小編一起看看吧2024-01-01
純js實(shí)現(xiàn)倒計(jì)時(shí)功能
本文主要介紹了通過(guò)js實(shí)現(xiàn)頁(yè)面的倒計(jì)時(shí)功能的思路與方法，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
關(guān)于Javascript中值得學(xué)習(xí)的特性總結(jié)
本文主要介紹了一些Javascript中值得學(xué)習(xí)的特性，可選鏈操作符，空值合并運(yùn)算符，Promise.allSettled()，BigInt類(lèi)型等特性，文中有詳細(xì)的代碼示例介紹這些特性，感興趣的可以參考下2023-05-05