我正在使用以下代码根据规范为 Bootstrap 创建面包屑路径:
<div class="navbar-inner">
<ul class="breadcrumb pull-left">
<li><a href="#">Home</a> <span class="divider">/</span></li>
<li><a href="index.html">Leave Management</a> <span class="divider">/</span></li>
<li><a href="searchLeave.html">New Leave or Call Log</a> <span class="divider">/</span></li>
<li class="active">Search Results</li>
</ul>
<ul class="nav pull-right" role="navigation">
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Packages <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="#">package 1</a></li>
<li><a href="#">package 2</li>
<li><a href="#">package 3</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Leave Management <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="index.html"><i class="icon-search"></i> Nav item 1</a></li>
<li><a href="#"><i class="icon-edit"></i> Nav item 2</a></li>
<li><a href="#"><i class="icon-inbox"></i> Nav item 3</a></li>
</ul>
</li>
<li><a data-toggle="modal" role="button" href="#helpModal">Help</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
在 IE 中,我正在正常显示“Home/Leave Management/”,但是,第三个(事件)项目与前一个级别明显重叠(搜索结果中的“S”,从“m”顶部开始' 在管理中。)无论我在那里输入什么值,面包屑都不会在第二层之外正确显示。
有人能帮忙吗?
更新:我编辑了我的代码以包含更多关于该问题的信息。实际问题区域是 ul.breadcrumb
最佳答案
关于internet-explorer - Bootstrap 中的面包屑导航在 IE 中重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17867523/