这里的control-label主要作用是什么

来源:3-13 表单控件状态(验证状态)

洋葱_dot

2017-05-13 16:19

看过前面一些回答,说是控制对齐方式,但是我试过,并没有起什么主要作用;在这里,

<div class="form-group has-success">

            <label for="success" class="control-label">成功状态</label>

            <input type="text" id="success" class="form-control" placeholder="成功状态">

        </div>

control-label不加就显示不出绿色,还有一些字体上的调整,但是前面很多是不需要字体颜色改变的,所以就不知道啦

写回答 关注

2回答

  • 慕粉4086570
    2017-05-13 17:47:19
    已采纳

    Bootstrap在页面宽度大于等于768px的情况下,control-label的文本采用右对齐方式,而之所以你去掉之后其位置也没有变化是因为你的label并未设置宽度,你可以在Bootstrap的css文件中找到.form-horizontal .control-label在其中加入width=100%文本就会右对齐了。而你说的颜色问题是因为这个颜色与.has-success .control-label挂钩,缺一不可。如图:http://img.mukewang.com/5916d08600014fee03870277.jpg

  • GY义
    2017-05-13 17:02:15

    Bootstrap默认情况下,control-label的文本采用右对齐方式。你可以在bootstrap的css文件中,搜索.form-horizontal .control-label,就知道了

玩转Bootstrap(基础)

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

314546 学习 · 2275 问题

查看课程

相似问题