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