課程
/前端開(kāi)發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap（基礎(chǔ)）
如題： ?class="col-sm-2 control-label" ?這是什么意思啊？ ?不明白這是個(gè)什么類??？
2016-05-10
源自：玩轉(zhuǎn)Bootstrap（基礎(chǔ)） 3-2
正在回答
col-sm-2指的是12柵格系統(tǒng)中在小屏幕下占兩列， control-label則指的是控制標(biāo)簽(label)樣式的一個(gè)類，一般用于控制表單控件里的樣式
例如這個(gè)代碼：
<form class="form-horizontal" role="form">
????<div class="form-group">
????????????<label for="password" class="col-sm-2 control-label">密碼</label>
????????????<div class="col-sm-10">
????????????????????<input type="password" class="form-control" id="pwd" placeholder="請(qǐng)輸入你的密碼“>
????????????</div>
????</div>
</form>
意思就是密碼這兩個(gè)字占兩列，密碼輸入框占10列，一共占12列。如果不加control-label，這兩個(gè)元素就總是對(duì)不齊，你可以試試哦
weibo_楠阿楓_0 提問(wèn)者
舉報(bào)
告訴你使用Bootstrap，并且能夠獨(dú)立定制出適合自己的Bootstrap
1 回答col-sm-offset-2這是什么意思來(lái)的
1 回答control-label這個(gè)類的作用是什么
2 回答這里的control-label主要作用是什么
2 回答不是很明白這三種風(fēng)格到底是什么意思？
6 回答col-xs col-sm col-md 這幾個(gè)的區(qū)別
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-05-10
col-sm-2指的是12柵格系統(tǒng)中在小屏幕下占兩列， control-label則指的是控制標(biāo)簽(label)樣式的一個(gè)類，一般用于控制表單控件里的樣式
例如這個(gè)代碼：
<form class="form-horizontal" role="form">
????<div class="form-group">
????????????<label for="password" class="col-sm-2 control-label">密碼</label>
????????????<div class="col-sm-10">
????????????????????<input type="password" class="form-control" id="pwd" placeholder="請(qǐng)輸入你的密碼“>
????????????</div>
????</div>
</form>
意思就是密碼這兩個(gè)字占兩列，密碼輸入框占10列，一共占12列。如果不加control-label，這兩個(gè)元素就總是對(duì)不齊，你可以試試哦