課程
/前端開(kāi)發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap(基礎(chǔ))
如代碼所示,將label標(biāo)簽放置到<div class="form-group">外部,仍然單行顯示,不明白為什么說(shuō)要將label標(biāo)簽放到<div class="form-group">內(nèi)部?
2015-08-12
源自:玩轉(zhuǎn)Bootstrap(基礎(chǔ)) 3-3
正在回答
感覺(jué)就是,你們可能閱讀的并不認(rèn)真。心急吃不了熱豆腐,碼字之前不如仔細(xì)閱讀推敲了文章的內(nèi)容。
摘抄原文:
回過(guò)頭來(lái)看示例,你或許會(huì)問(wèn),為什么添加了label標(biāo)簽,而且沒(méi)有放置在”form-group”這樣的容器中,input也不會(huì)換行;還有l(wèi)abel標(biāo)簽怎么沒(méi)顯示出來(lái)。如果你仔細(xì)看,在label標(biāo)簽運(yùn)用了一個(gè)類(lèi)名“sr-only”,標(biāo)簽沒(méi)顯示就是這個(gè)樣式將標(biāo)簽隱藏了。
注意:那么Bootstrap為什么要這么做呢?這樣不是多此一舉嗎?其實(shí)不是的,如果沒(méi)有為輸入控件設(shè)置label標(biāo)簽,屏幕閱讀器將無(wú)法正確識(shí)別。這也是Bootstrap框架另一個(gè)優(yōu)點(diǎn)之處,為殘障人員進(jìn)行了一定的考慮。
風(fēng)起臨冬
同問(wèn)!
舉報(bào)
告訴你使用Bootstrap,并且能夠獨(dú)立定制出適合自己的Bootstrap
1 回答沒(méi)有換行的問(wèn)題
1 回答關(guān)于換行的問(wèn)題
3 回答關(guān)于移動(dòng)端換行問(wèn)題
2 回答textarea中換行符
1 回答大小于號(hào)替換問(wèn)題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-12-12
感覺(jué)就是,你們可能閱讀的并不認(rèn)真。心急吃不了熱豆腐,碼字之前不如仔細(xì)閱讀推敲了文章的內(nèi)容。
摘抄原文:
回過(guò)頭來(lái)看示例,你或許會(huì)問(wèn),為什么添加了label標(biāo)簽,而且沒(méi)有放置在”form-group”這樣的容器中,input也不會(huì)換行;還有l(wèi)abel標(biāo)簽怎么沒(méi)顯示出來(lái)。如果你仔細(xì)看,在label標(biāo)簽運(yùn)用了一個(gè)類(lèi)名“sr-only”,標(biāo)簽沒(méi)顯示就是這個(gè)樣式將標(biāo)簽隱藏了。
注意:那么Bootstrap為什么要這么做呢?這樣不是多此一舉嗎?其實(shí)不是的,如果沒(méi)有為輸入控件設(shè)置label標(biāo)簽,屏幕閱讀器將無(wú)法正確識(shí)別。這也是Bootstrap框架另一個(gè)優(yōu)點(diǎn)之處,為殘障人員進(jìn)行了一定的考慮。
2015-11-10
同問(wèn)!