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