调整 Bootstrap 3 表单控件的大小答案

【问题标题】：Adjusting size of Bootstrap 3 form controls调整 Bootstrap 3 表单控件的大小
【发布时间】：2014-11-06 01:29:33
【问题描述】：

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

触发我强迫症的几件事：

与“注册”按钮相比，电子邮件和密码输入感觉很小；如何使它们变大一点，以使它们与此按钮的大小相同？
出于同样的原因，如何使绿色的“注册”按钮与电子邮件/密码输入的宽度相同？
密码输入下的文本（以“Use at least...”开头）应该很小；与它下面的复选框大小相同。我尝试应用 .tiny-text 课程，但这似乎不起作用。

.tiny-text 类：

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

有什么想法吗？

【问题讨论】：

【解决方案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;
}

【讨论】：