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"

分别