2014-09-29 95 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; 
} 

...主要用於右對齊標籤。

相關問題