为了账号安全,请及时绑定邮箱和手机立即绑定

换行问题...

如代码所示,将label标签放置到<div class="form-group">外部,仍然单行显示,不明白为什么说要将label标签放到<div class="form-group">内部?

正在回答

4 回答

0 回复 有任何疑惑可以回复我~

感觉就是,你们可能阅读的并不认真。心急吃不了热豆腐,码字之前不如仔细阅读推敲了文章的内容。

摘抄原文:

回过头来看示例,你或许会问,为什么添加了label标签,而且没有放置在”form-group”这样的容器中,input也不会换行;还有label标签怎么没显示出来。如果你仔细看,在label标签运用了一个类名“sr-only”,标签没显示就是这个样式将标签隐藏了。

注意:那么Bootstrap为什么要这么做呢?这样不是多此一举吗?其实不是的,如果没有为输入控件设置label标签,屏幕阅读器将无法正确识别。这也是Bootstrap框架另一个优点之处,为残障人员进行了一定的考虑。

1 回复 有任何疑惑可以回复我~
#1

风起临冬

题主的代码并没有加sr-only类
2018-09-11 回复 有任何疑惑可以回复我~

同问!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
玩转Bootstrap(基础)
  • 参与学习       314519    人
  • 解答问题       2275    个

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

进入课程

换行问题...

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信