How can I remove the arrow from drop down list in

Question

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?

Answer 1

.dropdown-toggle::after{
    display: none;
}

Answer 2

Just remove border-bottom from dropdown-menu will remove arrow from the navigation bar.

.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after{
    border-bottom: none;
}

Answer 3

In Bootstrap4 remove "dropdown-toggle" class from "a" element.