Как вывести всплывающее окно над объектом?

У меня есть этот HTML-код, который отображает всплывающее окно начальной загрузки под объектом. Можно ли это сделать над кнопкой "Название"?

<div class="btn-group">
          <a class="btn dropdown-toggle" data-toggle="dropdown">
            Title
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
                <li class="dropdown-submenu"><a>Option 1</a></li>
                <li class="dropdown-submenu"><a>Option 1</a></li>
                 (various number of <li>)
          </ul>
        </div>

Я пробовал с position:absolute; top:50px, но не работает в любом случае.
Спасибо!

Ответы

Ответ 1

Это по умолчанию часть того, что может сделать Bootstrap. Он находится в docs в выпадающих меню кнопки - Dropup menu

<div class="btn-group dropup">

Поскольку он абсолютно позиционирован, вам нужно будет немного пробежать над кнопкой, чтобы вы могли видеть раскрывающееся меню, поэтому я бы не использовал его в верхней части страницы.

Я создал для вас скрипку здесь. Если вы удалите <br> вверху, вы увидите, что параметры меню скрыты в верхней части окна вывода.