css – 降低Bootstrap表单组件之间的高度

我正在使用Twitter Bootstrap及其表单组件： http://twitter.github.com/bootstrap/base-css.html#forms 如何减小两个组件之间

... . . 我正在使用Twitter Bootstrap及其表单组件：

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

如何减小两个组件之间的垂直距离并使它们更小？

示例：在上面的链接中,在“验证状态”中,如何缩小“输入警告”行和“输入错误”行之间的差距,如何减小文本输入的高度？

.

解决方法

. 如果要将标签移近输入,则需要更改宽度.

.form-horizontal .control-label {    width:160px;}

要更改输入的高度,需要更改此选择器的“height”属性.

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {   height:20px;}

要减小行之间的高度,您需要更改行的边距.

.form-horizontal .control-group {    margin-bottom:20px;}

这些是bootstrap.css中使用的默认样式.如果您想覆盖这些,我建议您在页面上设置顶级课程.这样你可以覆盖默认值而无需重写bootstrap.css文件……

. . .. ...