Bootstrap折叠菜单项(li)缺少常规的listitem样式

时间:2016-08-31 13:12:04

标签: html css twitter-bootstrap

在谈到Bootstrap样式和元素时,我通常习惯于找出自己的问题,但是这个...只是让我头疼,因此我需要在这里问你们。

我覆盖了一些引导样式,比如下拉菜单(hamburgermenu触发器下拉列表),因此它会在其他元素之上,而不是向下移动..

如果在展开菜单后检查我的JSFiddle示例,您会发现我错过了以下关系:

.navbar-default .navbar-nav>.active>a

..造型完全消失了,我不知道为什么。

以下是我JSFiddle

的链接

1 个答案:

答案 0 :(得分:1)

发现了这个问题。

它在这个HTML

 <a id="lnkTeamOverviewMobile" style="color:black" class="visible-sm" href="/EventCalendar" href="javascript:__doPostBack(&#39;ctl00$lnkTeamOverviewMobile&#39;,&#39;&#39;)">Eventkalender</a>

你有一个类visible-sm在bootstrap.css中被设置为display:none!important,如果你使用这个类,你就是说只有当你在一个小设备中才能显示这个元素,和计算机监视器通常是中等..

删除课程visible-sm,它必须正常工作

<强> Working Demo