换行问题...

来源:3-3 内联表单

hunter_lm

2015-08-12 10:48

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

写回答 关注

2回答

  • hey自然
    2015-12-12 15:56:06

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

    摘抄原文:

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

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

    风起临冬

    题主的代码并没有加sr-only类

    2018-09-11 22:37:39

    共 1 条回复 >

  • 平底斜
    2015-11-10 17:07:53

    同问!

玩转Bootstrap(基础)

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

314544 学习 · 2275 问题

查看课程

相似问题