CSS for changing / creating carets in Bootstrap. Found it on Stackoverflow - http://stackoverflow.com/questions/10801325/changing-bootstrap-caretcolor-and-position

Bootstratp Caret Alters

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

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