html设置表单所有字体大小,关于html5：如何在Twitter的Bootstrap CSS系统中轻松增加所有表单元素的字体大小？...

http://twitter.github.com/bootstrap/base-css.html#forms

我有一个简单的水平表格，例如带有标签和输入文本字段的示例。 如何使所有标签的字体大小：24px，所有输入的高度正确，依此类推。我还需要增加140px宽度的硬编码边距来增加标签的宽度。 也就是说，我正在寻找最佳实践的说法：更大！

为什么24px？ 多数民众赞成在巨大，您将打破引导的垂直节奏和视觉流动。

这是40岁或40岁以上人群的消费网站。 他们喜欢大文字！

您确定不是60或70吗？ 我有点生气4倍

假设设置正确，请创建一个"文件名" .css.scss，并使用罗盘查看文件(这会将其转换为css等效文件)。

然后在__。css.scss文件中，执行以下操作：

1)

$baseFontSize: 24px; @import"bootstrap";这会更改所有字体的大小，但是根据您的问题，我认为这是您所关心的。

2)不确定输入正确的高度意味着什么。但是您可以使用mixin .box-sizing()(http://twitter.github.com/bootstrap/less.html)或设置输入元素的底部高度以匹配您的标签，如下所示：

input{position: relative; bottom: 5px;}

3)为使标签不缠绕，将您的表单放入div，其类为" fluid-container spanX"，其中X是您需要的任意网格数。

Compass将生成一个CSS文件，您可以从中复制语法并将其粘贴到您的项目中。

希望这可以帮助

Twitter的引导程序使用较少的代码进行编译，但它们还允许您通过UI更改某些参数并下载自定义版本。如果这些选项不足以满足您的需求，则您需要减少设置并自己进行自定义/编译。

为什么不将表单标签设置为24px并将表单输入高度设置为任何匹配项呢？

form label {

font-size: 24px;

}

form input, form textarea, form select {

margin-left: 200px;

}

只需在bootstrap.css加载后将此代码放在某个位置，它将覆盖它们的默认值。您可能还想为输入类型添加选择器，以使其不执行按钮。

在fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/之前

在fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/之后

我想我不仅需要上面的代码，但如果有简单的方法，我不想重新发明轮子。

之前和之后现在是404。