Twitter bootstrap 更改垂直分隔符导航栏

我试图改变垂直分隔器类的背景图像，在引导中。 我有这个菜单：

在我的css中，我尝试：

.navbar.nav.divider垂直{
背景图片：url（“img/nav-div.jpg”）；
}

---

但什么都没有。有什么想法吗？

这是因为它的内部宽度是0，因为只有边距加起来等于外部宽度：

。垂直分隔器{
高度：40px；
利润率：0.9px；
左边框：1px实心#F2F2；
右边框：1px实心#FFF；
}

您需要添加内部宽度，例如

.navbar.nav.divider垂直{
宽度：20px；
背景图片：url（“img/nav-div.jpg”）；
}

---

您可能需要降低元素的边距以补偿增加的宽度（如果需要

.divider vertical

保持

20px

宽度）。

这种样式对我来说非常有用：

<style>
  .navbar-nav > li {border-right: 1px solid #666;}
  .navbar-nav {border-left: 1px solid #666;}
</style>

.navbar nav>li{右边框：1px实心#666；}
.navbar导航{左边框：1px实心#666；}

它神奇地覆盖了主菜单和登录区域菜单的左右边框