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