我正在使用基于引導程序的 Creative Tim 材料儀表板。演示頁面顯示了一組通知和用戶下拉菜單項。我正在嘗試為通知創建第一組。這是源代碼，然后我會進一步解釋。<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top">    <div class="container-fluid">        <div class="navbar-wrapper">            <a class="navbar-brand" href="javascript:;">Your Monthly Reports</a>        </div>        <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">            <span class="sr-only">Toggle Navigation</span>            <span class="navbar-toggler-icon icon-bar"></span>            <span class="navbar-toggler-icon icon-bar"></span>            <span class="navbar-toggler-icon icon-bar"></span>        </button>        <div class="collapse navbar-collapse justify-content-end">            <ul class="navbar-nav">                <li class="nav-item dropdown">                    <a href="javascript:;" class="nav-link" id="navbarDropdownNotifications" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">                        <i class='material-icons'>notifications</i>                        <span class='notification'>1</span>                        <p class='d-lg-none d-md-block'>Notifications</p>                    </a>                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownNotifications">                        <a href="javascript:;" class="dropdown-item">Some Action</a>                    </div>                </li>            </ul>        </div>    </div></nav>我似乎無法實際顯示下拉菜單。哦，元素更改類并在適當的時候獲取顯示、顯示、隱藏和隱藏元素，并且在檢查元素并關注它時，它表明該元素將自身“定位”在正確的位置，但您只是看不到它。我什至嘗試過更改 z-index 以及div.dropdown-menu使用元素檢查器的其他樣式，但它似乎不想展示它的面孔。我什至查看了 3D 視圖，看看前面是否有東西，但沒有。該元素的顯示并非沒有，而是包含您希望看到的所有元素。但問題是當你點擊通知圖標時你看不到它。它改變了 DOM 代碼，但視覺上沒有任何改變。