BootStrap表單寬度設(shè)置方法
更新時(shí)間：2017年03月10日 10:52:58 作者：sinat_27696941
這篇文章主要介紹了BootStrap表單寬度設(shè)置方法,僅僅是小編日常遇到問(wèn)題記錄，寫的不好還請(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，只是在做項(xiàng)目時(shí)遇到的問(wèn)題和解決方法寫下來(lái)，可能有時(shí)是錯(cuò)誤的，請(qǐng)大家多多指教。如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
下面小編就為大家?guī)?lái)一篇JS之相等操作符詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
IE中提供了一個(gè)fireEvent方法大概就是觸發(fā)某個(gè)事件發(fā)生的意思，以為是和onclick()一樣，看來(lái)是我自已為是了,有時(shí)間還要多看看javascript的細(xì)節(jié)啊,廣大網(wǎng)友也是啊2013-02-02
js彈出窗口之彈出層的小例子，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了微信小程序收貨地址API兼容低版本解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHei
Javascript拖拽用到的一些關(guān)于位置定位的一些參數(shù)2008-09-09
Three.js+React使二維圖片呈現(xiàn)3D效果
這篇文章主要為大家介紹了如何利用Three.js+React技術(shù)棧，將二維漫畫圖片轉(zhuǎn)化為三維視覺(jué)效果。文中的實(shí)現(xiàn)方法講解詳細(xì)，需要的可以參考一下2022-02-02
console 是 JavaScript 提供的一個(gè)全局對(duì)象,常用于調(diào)試和日志記錄,它包含一組方法,用于在控制臺(tái)中打印消息、顯示數(shù)據(jù)以及調(diào)試程序,本文介紹js 中的console使用示例,感興趣的朋友一起看看吧2024-12-12
一個(gè)字符串反轉(zhuǎn)函數(shù)可實(shí)現(xiàn)字符串倒序
這篇文章主要介紹了一個(gè)字符串反轉(zhuǎn)函數(shù)可實(shí)現(xiàn)字符串倒序，很簡(jiǎn)單，但很實(shí)用，感興趣的朋友可以參考下2014-09-09
微信小程序使用request網(wǎng)絡(luò)請(qǐng)求操作實(shí)例
這篇文章主要介紹了微信小程序使用request網(wǎng)絡(luò)請(qǐng)求操作,結(jié)合實(shí)例形式分析了wx.request(object)網(wǎng)絡(luò)請(qǐng)求操作的具體使用技巧,需要的朋友可以參考下2017-12-12![分享一道筆試題[有n個(gè)直線最多可以把一個(gè)平面分成多少個(gè)部分]](http://img.jbzj.com/images/xgimg/bcimg9.png)
分享一道筆試題[有n個(gè)直線最多可以把一個(gè)平面分成多少個(gè)部分]
今天地鐵上和一個(gè)同事閑聊,給我說(shuō)的一道題,回來(lái)想了想,寫出來(lái)的,說(shuō)來(lái)慚愧,我用的是行測(cè)方面數(shù)字推理里面的知識(shí)歸納出來(lái)的,當(dāng)然這個(gè)可以用遞歸寫出來(lái),說(shuō)說(shuō)我的代碼,以及遞歸的思路2012-10-10