管道分离器在bootstrap导航中的新线上显示

时间:2016-04-28 08:54:54

标签: html css twitter-bootstrap

我有一个带有下拉菜单的boostrap导航。

Palette

在我要添加管道的菜单项之间。

Swatch

https://jsfiddle.net/casperskovgaard/eww51eo3/

问题是下拉条目的管道显示在新行

1 个答案:

答案 0 :(得分:2)

列表项中的div是问题的原因。

由于它的display: block样式,它正在推下after伪元素。

在after伪元素旁边的div中添加display: inline-block

#options-nav .nav>li>div {
    display: inline-block;
}