Невозможно удалить границу из выпадающего меню бутстрапа

Question

Так что я использую this Bootstrap structure по моему собственному проекту.

Когда окно становится меньше, а раскрывающееся меню рушится, как вы можете видеть на изображении, там есть небольшая рамка, которая не исчезнет (внутри черного круга).

Сначала он был белым, поэтому я перезаписываю стиль css и меняю его цвет в соответствии с фоном. Но эта небольшая граница немного другого цвета не исчезнет. Я пытаюсь установить border-style: none; для #navbar, ничего. Я установил

*{ 
    border-style: none; 
} 

для всей страницы, и эта граница не исчезнет.

Как это сделать? Может быть, его часть анимации? Потому что, когда выпадающее меню вверх, оно исчезает. Пожалуйста, помогите мне

Благодаря

Answer 1

Используйте этот CSS

.navbar-collapse { 
    border: 0; 
    box-shadow: none; 
}