css – Twitter Bootstrap sideways插入符号

我使用Twitter Bootstrap和一些自定义css(发现 here)有鼠标悬停下拉菜单打开。

我在根菜单项上使用“插入符号”来显示用户有更多的选项可用，我想使用侧面版本的子菜单，在这个例子中，他们使用 – >图像，但我不认为它真的适合与UI的其余部分。

我也试过播放图标twitter有，但它不完全匹配。

解决方法

只需切换边界( see fiddle)：

HTML

<b class="caret-right"></b>

CSS

.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
}