How do you Override Bootstrap Dropdown Menu Caret


One solution I have found is to set encodeLabels=false and then add

<style type="text/css">.caret{display:none;}</style>

to the label.

The result is the caret class is over written for that label.

I am trying to hide the caret from the bootstrap Nav widget drop down menu only when the user is not signed in. Once a user has signed in, it should show.

Is there a way to either suppress/remove the <b class=“caret”></b> tag or add to/remove class=“caret”? I don’t see a way to to edit the tag using $options from the documentation at bootstrap-nav or bootstrap-dropdown

I know I can hide the caret by overriding the class with a display:none but I don’t want to hide it everywhere.