如何让 <h2> 和 <button> 出现在同一行？

Question

在我的 Bootstrap 3 网页中，我有一个 h2 header 然后是一个下拉按钮 ...

<h2>Employees</h2>
<div class="dropdown">
    <button class="btn btn-dark dropdown-toggle" type="button"
        data-toggle="dropdown">
        Config Menu <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a href="#"  onclick="openAddNewEmployee()">Add New Employee ...</a></li>
    </ul>
</div>

drop-down 出现在下一行，h2 下面。

如何让 drop-down 出现在 h2 的右侧而不是下一行？

Answer 1

找到另一个已回答的问题并且它有帮助：How to write both h1 and h2 in the same line?

最后，这是我的解决方案...

<h2 style="text-align:left;float:left;padding-right:25px">Employees</h2>
<div class="dropdown"style="text-align:left;float:left;margin-top:20px">
    <button class="btn btn-dark dropdown-toggle" type="button"
        data-toggle="dropdown">
        Config Menu <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a href="#"  onclick="openAddNewEmployee()">Add New Employee ...</a></li>
    </ul>
</div>
<hr style="clear:both;"/>

如何让 <h2> 和 <button> 出现在同一行？

How do I make a <h2> and a <button> appear on the same line?

twitter-bootstrap-3