减少Twitter Bootstrap输入字段的高度？

Question

在我的表单中,我想减少输入字段的高度.

我知道有输入小的输入媒体类来控制输入字段的宽度,但有没有类似控制高度的东西？

我找不到任何,如果没有,我怎么去覆盖默认值？

Answer 1

我找不到任何,如果没有,我怎么去覆盖默认值？

Bootstrap的输入字段高度使用属性选择器定义,例如 input[type="text"], input[type="password"]

您可以使用相同选择器格式的样式覆盖它,或使用类等.

.mystyle input[type="text"] {
   height: 14px;
   font-size: 10px;
   line-height: 14px;
}

Answer 2

根据Bootstrap doc:Bootstrap CSS,您应该使用.input-sm

如果你要编写自己的CSS,那么你并没有真正利用Bootstrap的强大功能.

<input class="form-control input-sm" type="text" placeholder=".input-sm">

它只是改变了height@Neps提到的属性

但是,我必须覆盖.input-sm我自己的CSS以获得正确的大小.

我更喜欢尽可能使用Bootstrap类.

Answer 3

是的,有控制身高的课程.你可以在这里阅读它们.

input-lg
input-sm