Как вынести dropdown-menu в другой блок?

Для вынесения dropdown-menu в другой блок в Bootstrap, вам потребуется немного изменить HTML-код и добавить некоторые стили.

Первым шагом является создание основного блока, в который вы хотите вынести свой dropdown-menu. Добавьте этот блок в нужное место на вашей странице HTML. Например:

<div id="dropdown-wrapper">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
        Dropdown
    </button>
    <div class="dropdown-menu">
        <!-- ваше содержимое дропдауна -->
    </div>
</div>

Затем вам нужно добавить некоторые стили к вашему CSS, чтобы выровнять dropdown-menu с вашим основным блоком. Например:

#dropdown-wrapper {
    display: inline-block;
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    /* другие стили по вашему усмотрению */
}

В результате ваш dropdown-menu будет успешно вынесен в другой блок. Теперь при нажатии на кнопку "Dropdown" dropdown-menu будет выпадать из блока с id "dropdown-wrapper".

Учтите, что в приведенных выше примерах использованы классы Bootstrap. Убедитесь, что у вас подключена библиотека Bootstrap, чтобы эти стили и классы работали должным образом.

Удачи с вашим проектом!