Twitter Bootstrap sideways caret

Question

I\'m using Twitter Bootstrap and some custom css (found here) to have dropdown menus open up on mouseover.

I am using the \"caret\" on a on the root menu items to show

Answer 1

Just switch up the borders (see fiddle):

HTML

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;
}