How to change the bootstrap caret pointing position?

Question

Within bootstrap the caret is always pointing down. I would like it to point to the right when when the menu is closed. See demo.

Demo: http://jsfiddle.net/Maty2/

<

Answer 1

After some discussion with a friend, we came up with adding this class:

.btn.collapsed > .caret {border-left: 4px solid #888; border-right: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}

Though we weren't able so solve the # from being added to the end of the URL. If anyone knows of a suggestion, that would be great.