Question

Prepends和appends关闭大约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;
}

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

Answer 1

自twitter bootstrap 2.0.3开始修复。您不再需要使用css覆盖。

twitter bootstrap prepend，附加垂直错位

1 个答案: