How can I remove the arrow from drop down list in Bootstrap CSS?

twitter-bootstrap

Solution

From: https://getbootstrap.com/2.3.2/components.html#buttonDropdowns

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

If you remove `<span class="caret"></span>` the arrow is not shown.

Tried it using the dev. console in Chrome, and seems to work.

Problem

I am trying to remove the arrow that appears on a drop down menu in Twitter Bootstrap framework. Has anyone figured a way of removing the arrows?

Original source