Simple hack to give more caret options to bootstrap's caret class

caret.scss

/* ***** Carets and other CSS icons ***** */
.caret {
  &.up {
    border-bottom: 4px solid #000000;
    border-top: none;
  }
  &.left {
    border-top: 4px solid transparent;
    border-right: 5px solid #000000;
    border-bottom: 4px solid transparent;
    border-left: none;
  }
  &.right {
    border-top: 4px solid transparent;
    border-right: none;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #000000;
  }
}
.btn-inverse {
  .caret {
    &.up {
      border-bottom-color: #ffffff;
    }
    &.left {
      border-right-color: #ffffff;
    }
    &.right {
      border-left-color: #ffffff;
    }
  }
}