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

Question

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

触发我的强制症的一些事情:

• 与“注册”按钮相比，电子邮件和密码输入感觉很小；我如何让它们变大一点，使它们与此按钮大小相同？
• 出于同样的原因，如何使绿色的“注册”按钮与电子邮件/密码输入的宽度相同？
• 密码输入下方的文本(以“至少使用...”开头)应该很小；与其下方的复选框大小相同。我尝试应用 .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;
}

fiddle 示例:http://jsfiddle.net/nxda9fm8/