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 ブーストラップ 2.0.3 以降で修正されています。css でオーバーライドする必要がなくなりました。

于 2012-06-13T16:23:40.700 に答える