Bootstrap 4 - collapseMenu崩溃

时间:2017-06-19 17:21:54

标签: twitter-bootstrap bootstrap-4

我正在使用bootstrap 4.0.0-alpha.6 css和bootstrap 4.0.0-alpha.6 js。似乎我遇到了一个问题,其中bootstrap只是将 aria-expanded 添加到我的列表中的第一项而不是另一项,这看起来很奇怪。 HTML代码:

<div class="left-panel">
    <div>
        <button data-toggle="collapse" data-target=".collapseMenu">open/close</button>
    </div>
    <div>
        <ul>
            <li>Icon <span class="collapseMenu collapse">Contact</span></li>
            <li>Icon <span class="collapseMenu collapse">Home</span></li>

        </ul>
    </div>
</div>
<div class="main">
    <p>
        Main content...
    </p>
</div>

html输出(F12)显示:

<span class="collapseMenu collapse" aria-expanded="false">Contact</span>
<span class="collapseMenu collapse">Home</span>

第二项( Home )不包含 aria-expanded =“false”。如果我尝试展开菜单,第一个工作(联系)会按预期展开,但 Home 无法展开。

我已经包含了一个工作示例 https://www.codeply.com/go/wLBLDWbMmf

0 个答案:

没有答案