Bootstrap ~ “aria-expanded” 不被元素 <a> 接受

Question

我不知道为什么来自Bootstrap 的示例副本无法锻炼并继续在下面抛出错误消息：

此时元素“a”上不允许使用属性“aria-expanded”。

<ul class="nav navbar-nav">
                        <li><a href="#">Home </a></li>
                        <li><a href="#">Log-In</a></li>
                        <li class="dropdown">
                            <a href="#" aria-expanded="false" class="dropdown-toggle" data-toggle="dropdown" role="button" >
                                Management <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="presentation">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li> 
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                                <li class="divider"></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
</ul>

有人遇到过同样的问题吗？请帮忙！！！

Answer 1

在下面使用

<li class="dropdown active">

或

<li class="dropdown active open">

而不是直接设置

aria-expanded="false"

和

aria-expanded="true"

分别