Как сделать так, чтобы <h2> и <button>появлялись в одной строке? - PullRequest
0 голосов
/ 28 апреля 2020

На моей Bootstrap 3 веб-странице у меня есть заголовок h2, а затем кнопка сброса ...

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

Раскрывающийся список появляется на следующей строке ниже h2.

Как сделать так, чтобы раскрывающийся список отображался справа от h2 вместо следующей строки?

1 Ответ

0 голосов
/ 30 апреля 2020

Нашел этот другой ответ на вопрос, и он помог: Как написать h1 и h2 в одной строке?

В конце концов, это было мое решение ...

<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;"/>
...