Bootstrap липкий элемент не придерживаться

Question

Я сделал простой липкий элемент через css, но я использую Bootstrap, если я включаю BS, sticky не работает, но если удалить, он работает нормально, почему?Любая идея?

.navbar {
  background: hotpink;
  width: 100%;
  height: 50px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

Липкий без Bootstrap

Липкий с Bootstrap

Answer 1

Таблица стилей Bootstrap применяется после того, как ваши пользовательские стили переопределяют ваше объявление от position: sticky до position: relative.

У вас есть два варианта.

1) Убедитесь, что ваша таблица стилей загруженапосле начальной загрузки

2) Напишите более конкретный селектор, например body .navbar