Twitter Bootstrap 导航分隔符在 Google Chrome 中无法正常工作

4
我的导航栏在每个子页面元素中没有显示分隔符。这只在谷歌浏览器中发生,而不是在IE或FF中。这是一个图片(点击此处查看更大的图片):

enter image description here

这是我的HTML代码:
<li class="dropdown">
  <a href="/jrknet/www/company" class="dropdown-toggle" data-toggle="dropdown" data-target="#">
    Company
    <b class="caret">
    </b>
  </a>
  <ul class="dropdown-menu">
    <li>
      <a href="/jrknet/www/company/about-us">
        About us
      </a>
    </li>
    <li class="divider">
    </li>
    <li>
      <a href="/jrknet/www/company/meet-the-team">
        Meet the Team
      </a>
    </li>
    <li class="divider">
    </li>
    <li>
      <a href="/jrknet/www/company/mission-statement">
        Mission Statement
      </a>
    </li>
    <li class="divider">
    </li>
    <li>
      <a href="/jrknet/www/company/development-methodology">
        Development Methodology
      </a>
    </li>
    <li class="divider">
    </li>
    <li>
      <a href="/jrknet/www/company/quality-management">
        Quality Management
      </a>
    </li>
    <li class="divider">
    </li>
    <li>
      <a href="/jrknet/www/company/business-continuity">
        Business Continuity
      </a>
   </li>
 </ul>


1
尝试放大、缩小浏览器窗口。 - 000
请将您的评论作为回复,以便我批准它。 - somejkuser
1个回答

5

当出现这种问题时,您可以检查缩放和放大。

我没有发现代码有任何问题。

此外,如果问题仍然存在,您可以尝试更改显示分辨率。


1
同样的问题:我的问题是我将Chrome缩放设置为90%。将其恢复为100%后,它看起来很好。 - David Lavender

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接