字体真棒意外的底部保证金

好吧，我现在头痛，这件事激怒了我。（为此浪费的小时数）字体真棒意外的底部保证金

由于某些原因，字体真棒图标具有底部边距，而引导程序的字形看起来不错。

<body> 
<div class="container"> 
    <form> 
      <div class="form-group"> 
       <label for="disabledTextInput">Disabled input</label> 
       <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input"> 
      </div> 
      <div class="form-group"> 
       <label for="disabledSelect">Disabled select menu</label> 
       <select id="disabledSelect" class="form-control"> 
        <option>Disabled select</option> 
       </select> 
      </div> 
      <div class="form-group has-success has-feedback"> 
       <label class="control-label" for="inputSuccess2">Input with success</label> 
       <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status"> 
       <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> 
       <span id="inputSuccess2Status" class="sr-only">(success)</span> 
      </div> 
      <div class="form-group has-success has-feedback"> 
       <label class="control-label" for="inputSuccess2">Input with success</label> 
       <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status"> 
       <span class="fa fa-camera-retro form-control-feedback" aria-hidden="true"></span> 
       <span id="inputSuccess2Status" class="sr-only">(success)</span> 
      </div> 
      <div class="checkbox"> 
       <label> 
        <input type="checkbox"> Can't check this 
       </label> 
      </div> 
      <button type="submit" class="btn btn-primary">Submit</button> 
    </form> 
</div> 
<!-- /container -->

来源

2015-05-20 Zyoo

设置的line-height的形式输入

.form-control-feedback.fa { 
color: #3c763d; 
line-height: 34px; 
}

JSFiddle

的问题是，.fa line-height: 1被重写默认.FORM - 控制 - 反馈line-height: 34px

来源

2015-05-20 12:04:38

好，这不在文档上，是吗？： -/ – Zyoo

这是因为行高被.fa类覆盖。我会在答案中更多地解释你。给我一些时间。 –

好吧，我明白，这绝对不是我的错。我应该在他们的github上提出问题吗？ – Zyoo

字体真棒意外的底部保证金

回答

相关问题