bootstrap：style =“ display：none” get会自动添加到“ li”中

Question

我的jsp中有以下代码。

<li id="report" class="dropdown open"><a data-toggle="dropdown" class="dropdown-toggle" href="#">Report <b class="caret"></b></a>
    <ul class="dropdown-menu">
              <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 class="nav-header">Nav header</li>
              <li style=""><a href="#">Separated link</a></li>
              <li><a href="#">One more separated link</a></li>
    </ul>
</li>

但是当它在浏览器中呈现时，代码会自动变为以下形式：

<li id="report" class="dropdown open"><a data-toggle="dropdown" class="dropdown-toggle" href="#">Report <b class="caret"></b></a>
    <ul class="dropdown-menu">
              <li style="display: none;"><a href="#">Action</a></li>
              <li style="display: none;"><a href="#">Another action</a></li>
              <li style="display: none;"><a href="#">Something else here</a></li>
              <li class="divider" style="display: none;"></li>
              <li class="nav-header" style="display: none;">Nav header</li>
              <li style="display: none;"><a href="#">Separated link</a></li>
              <li style="display: none;"><a href="#">One more separated link</a></li>
    </ul>
</li>

我无法理解所有li都从哪里获得此style =“ display：none”属性，是否正在执行一些引导Javascript。 我正在调试chrome上的代码。

Answer 1

我无法跟踪哪个js在对列表进行更改，所以我所做的是，我将每个li都放在了一个名为“ visible”的类中，并且在我的标签中添加了如下样式：

<style>
.visible{

display:inline !important;
}
</style>

Answer 2

完全正常：添加样式是为了在未单击相关按钮时隐藏下拉菜单。 该控件由JavaScript执行（请检查bootstrap.js ）。