Bootstrap 菜单下拉菜单在加载时不显示下拉箭头

Question

我正在尝试获取折叠菜单项以在页面加载时显示箭头，有办法做到这一点吗？当前正在加载，直到用户单击“文件”时才会显示箭头

这是我的代码：

<ul class="list-unstyled components">
            <p><b>Main Menu</b> </p>
            <li>
                <a href="#">About</a>
                <a href="#pageSubmenu" data-toggle="collapse">Files</a>
                <ul class="collapse list-unstyled " id="pageSubmenu">
                    <li><a href="#">+Photos</a></li>
                    <li><a href="#">+Videos</a></li>
                    <li><a href="#">+Music</a></li>
                </ul>
            </li>  
        </ul>

这是正在发生的事情的一些屏幕截图

这是页面加载
时 这是我单击“文件”之后的结果
最后这是我关闭列表之后的结果

正如您所看到的，页面加载时右侧的箭头不会出现。尝试让它出现，以便用户知道它是一个下拉菜单

谢谢！

Answer 1

添加 aria-expanded="false" 到

<a href="#pageSubmenu" data-toggle="collapse">Files</a>

所以它会是

<a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false">Files</a>

这将保持你当前的CSS