Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap:在Breadcrumb中下拉大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
显然,这种特殊的组合(面包屑内的下拉菜单)不是很好地支持

我的标记(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;
}

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – Bootstrap:在Breadcrumb中下拉全部内容,希望文章能够帮你解决twitter-bootstrap – Bootstrap:在Breadcrumb中下拉所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。