google-chrome - Twitter Bootstrap 导航分隔符在 google chrome 上无法正常工作

Question

我的导航栏未显示每个子页面元素的分隔线。这仅发生在 google chrome 中，而不是 IE 或 FF 中。这是一个图像 ( click here for larger size of image ):

这是我的 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>

Answer 1

出现此类问题时，您可以检查放大和缩小。

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

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