Как удалить стрелку из выпадающего списка в Bootstrap CSS?

Ответ 1

От: 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>

Если вы удалите <span class="caret"></span> стрелка не будет показана.

Пробовал с помощью разработчика. Консоль в Chrome и, кажется, работает.

Ответ 2

Удаление класса каретки из ссылки удаляет стрелку из панели навигации,

.dropdown-menu::before, 
.dropdown-menu::after {
    border: none;
    content: none;
}

Удалит маленькую вкладку из раскрывающегося меню.

Ответ 3

Просто снимите рамку снизу из выпадающего меню, чтобы удалить стрелку из панели навигации.

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

Ответ 4

Если вы копируете существующий пример выпадающего списка Bootstrap, тег кнопки меню выглядит примерно так:

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Menu Name</button>

Удаление класса dropdown-toggle удаляет стрелку (или каретку):

<button class="btn btn-primary" type="button" data-toggle="dropdown">Menu Name</button>

Ответ 5

Я нашел лучшее решение - добавить overflow:hidden; в .dropdown-menu

Ответ 6

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

Ответ 7

добавить .dropdown-toggle-split класс в тег

Ответ 8

Единственное, что сработало для меня, это то, что я удалил class="caret", если вы используете выпадающее меню bootstrap. Надеюсь, эта работа тоже для вас.

Ответ 9

В Bootstrap4 удалите класс "dropdown-toggle" из элемента "a".