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

时间:2012-11-24 09:08:36

标签: google-chrome twitter-bootstrap navigation

我的导航栏没有显示每个子页面元素的分隔符。这只发生在谷歌浏览器,而不是IE或FF。这是一张图片(click here for larger size of image):

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 个答案:

答案 0 :(得分:5)

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

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

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