Twitter Bootstrap 导航分隔线无法在谷歌浏览器上正常工作

Posted 2023-04-13

【中文标题】Twitter Bootstrap 导航分隔线无法在谷歌浏览器上正常工作

【英文标题】：Twitter Bootstrap navigation dividers not working properly for google chrome

【发布时间】：2012-11-12 10:51:35

【问题描述】：

我的导航栏没有显示每个子页面元素的分隔线。这仅发生在 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>

【问题讨论】：

尝试放大，缩小浏览器窗口..

请回复您的评论，以便我批准。

【参考方案1】：

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

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

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

【讨论】：

同样的问题：我的问题是我将 chrome 设置为 90% 缩放。恢复到 100%，看起来还不错。