css – Twitter Bootstrap sideways插入符号

前端之家收集整理的这篇文章主要介绍了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;
}

猜你在找的CSS相关文章