부트 스트랩 3의 크기 조절 폼 컨트롤

Question

전체 코드 예제는 여기 jsFiddle입니다.

내 OCD 유발하는 몇 가지

:

• 이메일 & 암호 입력이 "가입"버튼에 비해 작은 느낌; 어떻게하면 버튼이 더 커지므로이 버튼과 크기가 같습니까?
• 동일한 토큰으로 녹색 "가입"버튼을 이메일/비밀번호 입력과 동일한 너비로 만들려면 어떻게해야합니까?
• 비밀번호 입력 아래의 텍스트 ("이상 사용 ..."으로 시작)는 작아야합니다. 그 밑에있는 체크 박스와 같은 크기. 나는 .tiny-text 클래스를 적용하려고 시도했지만 작동하지 않는 것 같습니다.

.tiny-text 클래스 :

.tiny-text { 
    font-size: x-small; 
} 

어떤 아이디어?

Answer 1

는 텍스트 입력으로 넓은 그것을 확인하기 위해 버튼에 form-control 클래스를 적용하고 높이를 해결하기 위해 몇 가지 추가 CSS를 추가

.form-control[type='email'], 
.form-control[type='password'], 
.btn.form-control { 
    height: 50px; 
} 

그리고 tiny-text에 대한 CSS 선택은 그래서 충분히 특정되지 않습니다 사용되지 않았다. 이 시도 :

.jumbotron p.tiny-text { 
    font-size: x-small; 
} 

예 바이올린 : http://jsfiddle.net/nxda9fm8/