Bootstrap输入组插件对齐问题

Question

我的输入组插件没有与我的输入文本框对齐...我做错了什么？

<div class="form-group">
    <label for="primary">Primary:</label>
    <div class="input-group">
        <span class="input-group-addon glyphicon glyphicon-earphone"></span>
        <input maxlength="20" class="form-control" name="primary" id="primary" placeholder="Primary" type="text">
    </div>
</div>

上面的代码呈现:

插件比文本框低1px,但我无法理解为什么!

http://www.bootply.com/iR1SvOyEGH

Answer 1

试试这一个.

这个问题来自chrome ..

只是做一些改变

<div class="form-group">

        <div class="col-md-12">
        <div class="col-md-1">
            <label for="primary">Primary:</label>
            </div>
            <div class="col-md-4">
                <div class="input-group">
                    <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
                    <input maxlength="20" class="form-control" name="primary" id="primary" placeholder="Primary" type="text">
                </div>
            </div>


            </div>
        </div>