2014-09-29 107 views
0

我是新手引导。 control-label类似乎在bootstrap 3网站上没有记录,我只是在示例中意外地注意到它。控制标签的用途是什么?

任何人都可以解释它的目的或引导我在哪里我可以得到更多的信息呢?

+0

看看** http://getbootstrap.com/css/#forms**->它被用作'

'的类,所以你可以在不使用''的情况下有很好的对齐形式。 – davidkonrad2014-09-29 10:54:00

回答

0

control-label当我们创建表格时很有用。在创建时,您可能会遇到类似于您的文本字段就在标签完成之后的情况。

所以你必须写CSS来使它更具吸引力。

在bootstrap中,他们提供了名为control-label的类,其工作是自动设置标签。因此,标签和文本字段看起来更好,我们不必为此编写CSS。

.control-label CSS:

.control-label{margin-bottom:0; 
    vertical-align:middle; 
    margin-bottom:0; 
    text-align:right; 
    color:#a94442;  

    } 

注意:在这里,我没有包括padding因为padding可根据屏幕大小而异。

如果你想知道更多关于它的信息,请看看Demo。你至少会对它有所了解。

0

http://getbootstrap.com/css/#forms-horizontal

这是用于标记.form-group。对于.form-horizontal它确实是

.form-horizontal .control-label { 
    margin-bottom: 0; 
    padding-top: 7px; 
    text-align: right; 
} 

...主要用于右对齐标签。

相关问题