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