Clever Geek Handbook

Bootstrap: button too tall

I have a legend

containing button that I have pull-right

. Unfortunately the button is too high. Please see Violin 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>
+3


source to share


2 answers


I would decouple the pull-right class from your button and wrap a div like



<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>
+2


source


Maybe give it a top edge to nudge it a little?



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


source






More articles:


All Articles