正文 

当前位置： 首页 > 源码 >

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

     2023-04-13     299

关键词：

【中文标题】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%，看起来还不错。

Twitter Bootstrap 响应式导航栏在小屏幕上损坏

】TwitterBootstrap响应式导航栏在小屏幕上损坏【英文标题】：TwitterBootstrapResponsiveNavbarBrokenonSmallScreens【发布时间】：2012-04-2810:44:26【问题描述】：我一直在阅读文档并将我的代码与Bootstrap的示例进行比较，但是当我缩小浏览器窗... 查看详情

如何在 twitter bootstrap3 的导航栏中增加搜索栏的宽度

】如何在twitterbootstrap3的导航栏中增加搜索栏的宽度【英文标题】：Howtoincreasethewidthofsearchbarinthenavbarintwitterbootstrap3【发布时间】：2013-09-2912:49:25【问题描述】：我无法在twitterbootstrap3中增加导航栏搜索框的大小。我曾尝试将它们... 查看详情

关闭 Twitter Bootstrap 导航栏转换动画

】关闭TwitterBootstrap导航栏转换动画【英文标题】：TurningoffTwitterBootstrapNavbarTransitionanimation【发布时间】：2012-10-1815:58:48【问题描述】：就像http://twitter.github.com/bootstrap，我现在工作的网站是响应式的。我想删除过渡动画当我单击... 查看详情

Twitter Bootstrap 中的导航栏颜色

】TwitterBootstrap中的导航栏颜色【英文标题】：navbarcolorinTwitterBootstrap【发布时间】：2012-04-0919:23:39【问题描述】：如何更改TwitterBootstrap2.0.2导航栏的背景颜色？如何更改导航栏所有元素的颜色以反映背景颜色？【问题讨论】：已... 查看详情

导航栏顶部的 Twitter-Bootstrap-2 徽标图像

】导航栏顶部的Twitter-Bootstrap-2徽标图像【英文标题】：Twitter-Bootstrap-2logoimageontopofnavbar【发布时间】：2012-04-1105:33:15【问题描述】：有人可以建议我如何在导航栏顶部放置徽标图像吗？我的标记：<body><ahref="index.html"><... 查看详情

Twitter Bootstrap - 全宽导航栏

】TwitterBootstrap-全宽导航栏【英文标题】：TwitterBootstrap-fullwidthnavbar【发布时间】：2012-10-1615:53:34【问题描述】：按照TB的例子，我有一个导航栏，标记如下：<divclass="container"><divclass="navbar"><divclass="navbar-inner"><!--na... 查看详情

自动播放时 twitter-bootstrap 轮播导航和内容不同步

】自动播放时twitter-bootstrap轮播导航和内容不同步【英文标题】：twitter-bootstrapcarouselnavandcontentarenotsynchronizedwhenautoplay【发布时间】：2014-04-2103:13:02【问题描述】：我找到了一个用于twitter-bootstrap的sn-p来制作带有选项卡式导航的... 查看详情

如何让 twitter-bootstrap 导航栏子项在小屏幕上折叠/展开？

】如何让twitter-bootstrap导航栏子项在小屏幕上折叠/展开？【英文标题】：HowdoIgettwitter-bootstrapnavbarsubitemstocollapse/expandonsmallscreens?【发布时间】：2013-03-2813:57:39【问题描述】：twitter-bootstrap\'hero\'示例(http://twitter.github.io/bootstrap/examp... 查看详情

如何使 Twitter-Bootstrap 3 导航栏链接居中？

】如何使Twitter-Bootstrap3导航栏链接居中？【英文标题】：HowcanIcenterTwitter-Bootstrap3navbarlinks?【发布时间】：2013-08-0806:05:21【问题描述】：如何将我设置的jsFiddle中的按钮居中，以使按钮在导航栏中和整个导航栏中等间距和居中？htt... 查看详情

激活 Twitter Bootstrap 导航栏链接

】激活TwitterBootstrap导航栏链接【英文标题】：MakeTwitterBootstrapnavbarlinkactive【发布时间】：2012-08-0213:14:08【问题描述】：使TwitterBootstrap导航栏中的活动链接加粗的标准方法是什么？很明显，链接通过获得“活动”类来获得活动外... 查看详情

Twitter Bootstrap 3 导航栏的风格

】TwitterBootstrap3导航栏的风格【英文标题】：StyleofTwitter\'sBootstrap3navbar【发布时间】：2013-09-2710:58:21【问题描述】：如何使用Less或css在Twitter的Bootstrap3中更改导航栏的样式？使用navbar-default和navbar-inverse类提供的不同样式。【问题... 查看详情

Twitter Bootstrap 导航栏：[左按钮-- 中心文本-- 右按钮]？二

】TwitterBootstrap导航栏：[左按钮--中心文本--右按钮]？二【英文标题】：TwitterBootstrapNavbar:[LeftButton-—CenterText-—RightButton]?II【发布时间】：2013-06-2918:52:14【问题描述】：@twilight-pony-inc的问题https://***.com/questions/17375324/twitter-bootstrap... 查看详情

如何垂直居中导航栏元素（Twitter Bootstrap）？

】如何垂直居中导航栏元素（TwitterBootstrap）？【英文标题】：Howtocenternavbarelementsvertically(TwitterBootstrap)?【发布时间】：2012-07-0915:43:30【问题描述】：这是我目前为止的CSS/LESSCSS代码：//makenavbartaller@navbarHeight:60px;//makenavbarlinktext18p... 查看详情

Twitter Bootstrap 3：右对齐折叠导航问题

】TwitterBootstrap3：右对齐折叠导航问题【英文标题】：TwitterBootstrap3:rightalignedcollapsingnavissue【发布时间】：2013-09-2409:56:11【问题描述】：使用TwitterBootstrap3。我有一个固定的导航栏，通过将.pull-right添加到navbar-collapsediv内的ul中，... 查看详情

点击时隐藏 Twitter Bootstrap 导航折叠

】点击时隐藏TwitterBootstrap导航折叠【英文标题】：HideTwitterBootstrapnavcollapseonclick【发布时间】：2013-05-1620:12:57【问题描述】：这不是子菜单下拉，类别是图中的li类：通过从响应式菜单中选择一个类别（模板只是一页），我想在... 查看详情

点击时隐藏 Twitter Bootstrap 导航折叠

】点击时隐藏TwitterBootstrap导航折叠【英文标题】：HideTwitterBootstrapnavcollapseonclick【发布时间】：2013-05-1620:12:57【问题描述】：这不是子菜单下拉，类别是图中的li类：通过从响应式菜单中选择一个类别（模板只是一页），我想在... 查看详情

Twitter Bootstrap：多个响应式可折叠导航？

】TwitterBootstrap：多个响应式可折叠导航？【英文标题】：TwitterBootstrap:Multipleresponsivecollapsablenavs?【发布时间】：2013-01-2919:40:54【问题描述】：我正在使用TwitterBootstrap。我希望有两个（或更多）导航，当在移动设备上查看时，它... 查看详情

在 Twitter Bootstrap 中居中导航

】在TwitterBootstrap中居中导航【英文标题】：CenterthenavinTwitterBootstrap【发布时间】：2012-06-1123:02:41【问题描述】：我希望能够将页面的导航死点居中并使其在不同的分辨率下保持居中。我不想使用偏移量将其推过或向左边缘，因... 查看详情