Почему мой класс .sticky-top не работает в Bootstrap 4? ⇐ CSS

[Anonymous]

Я новичок в Bootstrap и пытаюсь создать адаптивное меню. По какой-то причине липкий верх не работает. Мой браузер поддерживает его, и, сравнивая мой код с другими рабочими версиями, я просто не понимаю, почему он не работает. Я использую загрузочную версию 4.1.3.

Вот мой код; Мне не известно о каких-либо возможных конфликтах с Sticky-Top.

Код: Выделить всё

h1,h2,h3,h4,p,ul,ol,li,body {
margin: 0;
padding: 0;
}
a {
transition: all 0.3s ease-out;
}
a:hover {
transition: all 0.3s ease-out;
}
.container {
margin: auto;
}
.clearfix:after, .clearfix:before {
content: "";
display: block;
clear: both;
}
*, *:after, *:before {
box-sizing: border-box;
}
@media screen and (max-width: 479px) {
.container {width: 92%}
}
@media screen and (min-width: 480px) {
.container {width: 95%}
}
@media screen and (min-width: 740px) {
.container {width: 95%}
}
@media screen and (min-width: 960px) {
.container {width: 95%}
}
@media screen and (min-width: 1200px) {
.container {width: 1200px}
}

.dropdown-menu {
background: #0F574F;
}

.navbar {
padding: 3px 0;
background: #db8259;
border-bottom: 6px solid #886453;
}
.mainmenu ul li {
width: 140px;
}

.mainmenu ul li a {
background: #0F574F;
font-weight: 700;
text-decoration: none;
padding: 12px 20px;
display: block;
color: #fff;
}

.mainmenu ul > li:hover > a {
background: #588883;
}
.mainmenu ul li ul {
background: #db8259;
}

.mainmenu {
text-align: center;
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
background-color: #0b3e38;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #fff;
background-color: #588883;

}
@media screen and (max-width: 991px) {
.mainmenu ul li a {padding: 8px 0; display: block; margin:0 auto 3px;}
.navbar-nav {padding-right: 145px;}
.dropdown-item, .mainmenu ul li a {width: 300px;}
.dropdown-item {text-align: center;}
.dropdown-menu {margin-left: -3px; width: 320px;}
}

Код: Выделить всё

CB Horní Počernice





[*]







[list]
[url=#]Domů[/url]
[*][url=#]Historie[/url]
[*][url=#]Program[/url]

[url=#]Aktuální program[/url]
[url=#]Sborový dopis[/url]
[url=#]Texty[/url]

[*][url=#]Služby[/url]

[url=#]Křty[/url]
[url=#]Svatby[/url]
[url=#]Pohřby[/url]

[*][url=#]Galerie[/url]
[*][url=#]Kontakt[/url]
[/list]

Подробнее здесь: https://stackoverflow.com/questions/525 ... ootstrap-4