Bootstrap has-feedback with fa-spinner 和 pulse答案

【问题标题】：Bootstrap has-feedback with fa-spinner and pulseBootstrap has-feedback with fa-spinner 和 pulse
【发布时间】：2016-04-01 06:49:10
【问题描述】：

Bootstrap 输入和has-feedback 类有这个问题。我想使用fa fa-spinner fa-pulse 作为输入内部的加载器，但它的位置不正确，并且脉冲效果无法正常工作。其他图标也没有正确定位。

以下是我的代码：

<div class="row">
    <div class="col-md-2">
    <div class="form-group has-feedback">
        <label class="control-label">Input label</label>
        <input type="text" placeholder="Placeholder" class="form-control" />
        <span class="form-control-feedback fa fa-spinner fa-pulse"></span>
    </div>
</div>

提前致谢。

编辑：我用 Firefox 检查器检查了元素。

【问题讨论】：

请发布您的css 代码！
@IgorIvancha，它是 Bootstrap 3。
对不起，我说的不清楚！你只有默认的引导样式或你覆盖的东西吗？你的 html 代码看起来不错：jsfiddle.net/f7x4dpLo
编辑 jsfiddle：jsfiddle.net/f7x4dpLo/1
@IgorIvancha，我尝试删除所有其他 CSS，但 Bootstrap 和字体很棒 -> 问题仍然存在

标签： javascript css twitter-bootstrap font-awesome

【解决方案1】：

您是否使用Font Awesome，如果是，请删除fa-pulse 并使用fa-spin

【讨论】：

【解决方案2】：

我将用于工作 glyphicon 示例的 css 与您的字体真棒案例进行了比较。 line-height css 属性被覆盖（我不知道如何）。

将style="line-height: 35px" 添加到元素可以解决问题。

【讨论】：

不错。我改用style="line-height: 34px"。

【解决方案3】：

替换这个：

<span class="form-control-feedback fa fa-spinner fa-pulse"></span>

到这里：

<span class="form-control-feedback fa fa-spinner fa-spin"></span>

它应该可以工作。

【讨论】：