css bootstrap display button inline with text

by

I don’t really know how you got that markup, but here is a working version : (demo on jsfiddle)

<h1> Some title
    <small>
        <span class="btn-group">
            <button class="btn btn-mini">Edit</button>
            <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">...my menus...</a></li>
            </ul>
        </span>
    </small>
</h1>

h1 .btn-group { display: inline-block; }

I only suggest you to use the <small> tag, because it sets some different styles from <h1>. But it is not required for this to work.

Leave a Comment