Регулировка размера элемента управления Bootstrap 3

Question

Вот мой jsFiddle для примера с полным кодом.

Несколько вещей, которые запускающих мой OCD:

• Email & входы пароля чувствовать мал по сравнению с кнопкой «Зарегистрироваться»; как я могу сделать их немного больше, чтобы они были того же размера, что и эта кнопка?
• Точно так же, как сделать зеленую кнопку «Зарегистрироваться» той же ширины, что и входы электронной почты и пароля?
• Текст под вводимым паролем (который начинается «Используйте как минимум ...») должен быть крошечным; тот же размер, что и флажок под ним. Я пробовал применить класс .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; 
} 

И ваш селектор CSS для tiny-text не достаточно конкретным, так это не использовался. Попробуйте это:

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

Пример скрипку: http://jsfiddle.net/nxda9fm8/