twitter-bootstrap – Bootstrap:在Breadcrumb中下拉
发布时间:2020-12-18 00:21:03 所属栏目:安全 来源:网络整理
导读:显然,这种特殊的组合(面包屑内的下拉菜单)不是很好地支持: 我的标记(Bootstrap 2.1.0): ul class="breadcrumb" li class="dropdown open" a class="dropdown-toggle" id="branches" role="button" data-toggle="dropdown" href="#"default b class="caret"
显然,这种特殊的组合(面包屑内的下拉菜单)不是很好地支持:
我的标记(Bootstrap 2.1.0): <ul class="breadcrumb"> <li class="dropdown open"> <a class="dropdown-toggle" id="branches" role="button" data-toggle="dropdown" href="#">default <b class="caret"></b></a> <ul id="branches-dropdown" class="dropdown-menu"> <li><a tabindex="-1" href="...8109a3a986c7">commissions - <code>8109a3a986c7</code></a></li> <li><a tabindex="-1" href="...76d3a7022f9e">dashboard-integration - <code>76d3a7022f9e</code></a></li> <li><a tabindex="-1" href="...4ee00eb42b72">default - <code>4ee00eb42b72</code></a></li> <li><a tabindex="-1" href="...10755b086192">led-support - <code>10755b086192</code></a></li> <li><a tabindex="-1" href="...298fa9e18508">stable - <code>298fa9e18508</code></a></li> <li><a tabindex="-1" href="...990826c5d5df">xdm-customer-selection - <code>990826c5d5df</code></a></li> </ul> <span class="divider">/</span> </li> <li> <a href="...4ee00eb42b72">aeroclub.aeroexpress</a> <span class="divider">/</span> </li> </ul> 我在这里做错了吗? 解决方法
我想你想要悬停效果来突出显示整个列表项.
面包屑类将li设置为display:inline-block;但是下拉类没有显式设置display属性. 尝试手动设置: .dropdown-menu li { display: block; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |