3

前置和附加大约 3 个像素（前置和附加跨度较低）

这是我的标记：

<div class="container">
    <div class="row">
        <div class="span12">
            <form class="well">
                <div class="control-group">
                    <label class="control-label" for="txtLot_Original_Cost">Original Cost</label>
                    <div class="controls">
                        <div class="input-prepend">
                            <span class="add-on">$</span><input class="span2 numAlign" name="txtLot_Original_Cost" id="txtLot_Original_Cost" size="16" type="text">
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

标记位于一个非常简单的页面中：

<!DOCTYPE html>
<html>
    <head>
        <title><%= title %></title>
        <link rel='stylesheet' href='/stylesheets/bootstrap.css' />
    </head>
    <body>
        <%- body %>
    </body>
</html>

我可以用以下 css 覆盖问题：

.input-prepend .add-on {
    margin-right: -1px;
    position:relative;
    bottom:2px;
}

但我想知道这会产生什么其他副作用。

4

1 回答 1

0

自 twitter boostrap 2.0.3 以来，它已被修复。您不再需要使用 css 覆盖。

于 2012-06-13T16:23:40.700 回答