Twitter Bootstrap导航分隔符无法正常用于谷歌浏览器

jku*_*ner 4 navigation google-chrome twitter-bootstrap

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

在此输入图像描述

这是我的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>
Run Code Online (Sandbox Code Playgroud)

000*_*000 5

出现此类问题时,您可以检查放大和缩小功能.

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

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