Randomblue
Randomblue

Reputation: 116443

Bootstrap: Button too high

I have a legend containing a button that I pull-right. Unfortunately, the button is too high. Please see a fiddle 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>

Upvotes: 4

Views: 2766

Answers (2)

Jako
Jako

Reputation: 982

I would separate the pull-right class from your button, and wrap in 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>

Upvotes: 2

Peter
Peter

Reputation: 12711

Maybe give it a top-margin to push it down a little?

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

Upvotes: 1

Related Questions