html - Bootstrap 3 Changing font-size Affecting radio and checkbox 内衬文本

Question

Bootstrap 3 默认有 font-size:14，但我需要将它设置为 font-size:12 px。在这种情况下，单选按钮没有内衬文本。如何解决这个问题？

即使我打开 getbootsrap 文档并将字体大小更改为 12px，单选按钮也没有内衬文本。

<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>


body {
    font-size: 12px;    
}

http://jsfiddle.net/5ynGg/

Answer 1

调整行高对我来说效果很好。

.checkbox-inline, .checkbox {
   line-height: 1.9;
}

http://jsfiddle.net/5ynGg/3/