Css Bootstrap 2.0.2-输入附加空白

我已经将我的引导版本升级到2.0.2，通过这次更新，我的输入附加/加载项结构的设计被破坏了

小提琴：

2.0.2的变更日志显示：

删除了所有IE7破解和浮动。输入前置和 .input append，但是，这需要您确保没有 代码中.add-on和输入之间的空白。在里面 .input prepend和.input append，增加了在两者上使用附加组件的功能 当您链接选择器时，将显示两个边

我将引导示例用于输入附加。这是github的代码。知道它为什么不起作用吗

---

根据bootstrap开发人员的一份报告，2.0.2-wip中的问题已经解决，但我看不到解决方案。

它被破坏了，因为输入组只在表单的上下文中工作。当您查看

.controls

类的css时可以看到，例如：

.form-horizontal .controls {
    margin-left: 160px;
}

您可以通过在类中添加而不是

.form horizontal

类来伪造该约束，或者简单地将您的控制组包含在其适当的容器中，如下所示：

<form class="form-horizontal">
    <div class="control-group">
        <label for="appendedInput" class="control-label">Appended text</label>
        <div class="controls">
            <div class="input-append">
                <input type="text" size="16" id="appendedInput" class="span2"><span class="add-on">.00</span>
            </div>
            <span class="help-inline">Here's more help text</span>
        </div>
    </div>
</form>

附加文本
.00
这里有更多的帮助文本

---

修复了fiddle:

对我来说，修复方法是删除输入上添加的边距，该边距干扰了我使用的框架（web2py）中的另一个样式表

附加文本
.00
这里有更多的帮助文本

我也遇到了同样的问题。我的是由输入和span元素之间的空格引起的。像您的示例中那样删除空格修复了它。谢谢彼此彼此！我所有的输入附加项或前置项都无法消除间隙。我在html中有一个新行，一旦删除，问题就解决了。（使代码在某些地方更难阅读）

<form class="form-horizontal">
        <div class="control-group">
            <label for="appendedInput" class="control-label">Appended text</label>
            <div class="controls">
                <div class="input-append">
                    <input type="text" size="16" id="appendedInput" class="span2" style="margin-right: 0px"><span class="add-on">.00</span>
                </div>
                <span class="help-inline">Here's more help text</span>
            </div>
        </div>
    </form>