Как исправить ошибку с dropdown-menu в bootstrap??

Question

[Ермахан Сабыржанов]

В общем, выпадающее меню появляется под следующим элементом. Вроде бы пробовал варианты с position и z-index, но результатов нет.

<nav class="menu">
                    <ul>
                        <li>
                            <a href="#">Data Management</a>
                                <p>
                                    Hello
                                    <button class="btn btn-sm btn-secondary dropdown-toggle" id="dropDownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Сменить
                                    </button>
                                    <span class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <a href="#" class="dropdown-item">На лидера</a>
                                        <a href="#" class="dropdown-item">На законодателя</a>
                                        <a href="#" class="dropdown-item">На аналитика</a>
                                        <a href="#" class="dropdown-item">На тренера</a>
                                    </span> 
                                </p> 
                        </li>
</ul>
</nav>

Comments

[profesor08]

Ссылку на jsfiddle, где будет наблюдать подобное поведение. Без этого, нет смысла гадать, какие ты там напихал стили, что все вот так вот работает.

Answer 1

[Конан Варвар]

overflow: hidden?

Comments

[Ермахан Сабыржанов]

А если поподробнее?

[Конан Варвар]

Ермахан Сабыржанов, скиньте ссылку на код

[Ермахан Сабыржанов]

Конан Варвар, какой код?) HTML выше выложен. Мне бы получить нужные свойства для определенных селекторов.

[Монти Пайтон]

Конан Варвар,

скиньте ссылку на код

там скорее всего vanilla bootstrap без использования css, на уровне атрибутов, не ниже

[profesor08]

Ostin1, нет, там все стилизовано собственноручно. Потому что без стилей все прекрасно работает https://jsfiddle.net/v6mjnfcz/1/.