Upside down caret

user_1463072 0
Viewed 79421

HTML

 <span class="caret"></span>

Gives me a caret arrow ▼, but I want to have a caret that looks like ▲.

Is there any class for this available in Bootstrap? If not, how to achieve this?

twitter-bootstrap css html
8 Answers

Bit late to the party but this is all one needs to do for an upside down caret:

.menu-item-has-children > .sub-menu > .menu-item-has-children::after {
    content: "\005E";
    transform: rotateX(180deg);
    <!-- and any other styles u want -->
}

How to add an upside down caret on a psuedo element 'after' button

user_63965280

Toggle the caret class

<span class="caret caret-reversed"></span> 

.caret.caret-reversed {
    border: 5px solid transparent;
    border-bottom: 5px solid #000000;
}
user_7147070
Related