Bootstrap：按钮太高

Question

我有一个legend，其中包含一个我pull-right的按钮。不幸的是，按钮太高了。请查看小提琴here。

<div class="container">
    <div class="row pane" id="statistics-pane" style="">
        <legend>Network<span class="btn btn-mini pull-right">Test</span>
        </legend>
    </div>
</div>

Answer 1

我会将右拉类与你的按钮分开，然后换成div，比如

<div class="container">
    <div class="row pane" id="statistics-pane" style=""> 
        <legend>Network
            <div class="pull-right">
                <span class="btn btn-mini">Test</span>
            </div>
        </legend>
    </div>
</div>

Answer 2

也许给它一个最大限度的推动下来？

legend .btn {
    margin-top: 10px;
}