Css 引导3-减少文本和字段大小

我正在Bootstrap3中创建一个表单。希望输入字段及其周围的标签看起来比引导默认值小

为此，我创建了几个css类

.input-field {
  height: 20px
}

.label-size {
  font-size: 10px;
  line-height: 1.2;
}

然而，这打乱了复选框的对齐方式。每个复选框的标签未与复选框正确对齐，字段（标记）的标签也未对齐

这是小提琴-

---

如何更正此问题？

如果要缩小标签，只需在文本周围加上标签即可

复选框

也可以在标签标记中使用它

 <label><input type="checkbox" id="chk1"><small> chk1</small></label>

chk1

似乎没有针对这一问题的具体解决方案。您需要单独调整所有元素的边距填充和线条高度，以获得所需的结果；你也可以增加线的高度：2.2；对于.label大小类，您指的是输入字段css类吗？我在输入字段css类中添加了top:3px，但没有任何影响。

 <label><input type="checkbox" id="chk1"><small> chk1</small></label>