Carets in Navbar

Created by: redbassett

When using a caret in a dropdown in the navbar, it does not hover like text, and the dark colour is not visible when used with navbar-inverse. This is NOT a suitable replacement, but since I am not skilled enough (yet) with CSS to fix the core bootstrap code, I have been using this override:

div.navbar a .caret {
    border-top-color: #777777 !important;
    border-bottom-color: #777777 !important;
}
div.navbar a:hover .caret, div.navbar li.active .caret {
    border-top-color: #555555 !important;
    border-bottom-color: #555555 !important;
}
div.navbar-inverse a .caret {
    border-top-color: #999999 !important;
    border-bottom-color: #999999 !important;
}
div.navbar-inverse a:hover .caret, div.navbar-inverse li.active .caret {
    border-top-color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
}