제어 라벨의 목적은 무엇입니까?

저는 부트 스트랩을 처음 사용합니다. control-label 클래스는 부트 스트랩 3 웹 사이트에서 문서화되지 않은 것으로 보입니다. 예에서 우연히 발견했습니다.제어 라벨의 목적은 무엇입니까?

누구나 그 목적을 설명하거나 내가 더 많은 정보를 얻을 수있는 곳을 안내해 줄 수 있습니까?

2014-09-29 YB_Evil

** http : //getbootstrap.com/css/#forms** -> '

'과 함께 ''의 클래스로 사용되므로 ''을 사용하지 않고 정렬 된 멋진 양식을 만들 수 있습니다. – davidkonrad

답변

control-label은 양식을 만들 때 유용합니다. 창작 당시 텍스트 필드가 레이블 완성 직후와 같은 상황에서 나타날 수 있습니다.

그래서 CSS를 작성하면 더욱 매력적입니다.

부트 스트랩에서 레이블을 자동으로 설정하는 작업 인 control-label 클래스를 제공합니다. 레이블과 텍스트 필드가 더 좋아 보이기 때문에 CSS를 작성할 필요가 없습니다. .control-label의

CSS :

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

    }

참고 : 여기 내가 paddingpadding 때문에이 화면 크기에 따라 달라질 수 있습니다 포함하지 않았습니다.

자세한 내용은 Demo을 참조하십시오. 적어도 그것에 대해 알게 될 것입니다.

2014-09-29 11:08:29

그건를 참조하십시오. .form-horizontal의 경우

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

... 주로 오른쪽 맞춤 레이블의 경우.

2014-09-29 10:54:26