css - 调整Bootstrap 3表单控件的大小

这是我的jsFiddle的完整代码示例。

触发我的强迫症的一些因素：


与“注册”按钮相比，电子邮件和密码输入的感觉很小。我如何使它们更大一点，以使它们与此按钮的尺寸相同？
同样，如何使绿色的“注册”按钮与电子邮件/密码输入的宽度相同？
密码输入下的文本（以“至少使用...”开头）应该很小。与其下方的复选框大小相同。我尝试应用.tiny-text类，但这似乎不起作用。


.tiny-text类：

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

有任何想法吗？

最佳答案

将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/