Как установить фиксированную верхнюю панель навигации с помощью настраиваемого шаблона бутстрапа?

Question

Я работаю на сайте игры, которую я разрабатываю с моей командой, и я не могу понять, как заставить мой навигатор фиксироваться сверху.
В идеале, я хотел бы сделать сайт в режиме одной страницы, но на данный момент эта проблема не позволяет использовать эргономичную навигацию, потому что навигационная прокрутка с содержимым.
Я хочу, чтобы содержание, которое находится под навигационной панелью для прокрутки Только

Bootstrap документация говорит, что вам просто нужно положить NavBar фиксированных сверху на свой синтаксис и поставить класс DIV = «контейнер» внутри тегов <nav>, но пока это не сработало. Я думаю, что мой пользовательский шаблон может быть причиной, но мне нужна помощь, пожалуйста :)

Вы можете найти здесь: URL http://raphaelvareilles.fr/labs/prism/

Answer 1

Просто имел быстрый взгляд на свою страницу и в вашей prism.css line: 171 я могу читать:

.navbar { 
    position: relative; 
    min-height: 50px; 
    margin-bottom: 20px; 
    border: none; 
    font-size: 37px; 
} 

Вы должны удалить position: relative; здесь, он переопределяет position:fixed; стиль Bootstrap.

Answer 2

я сделал следующее:

.navbar.navbar-fixed-top { 
    position: fixed; 
} 

В настоящее время ваш prism.css ".navbar" является переопределение самозагрузки положения. Дополнительный CSS выше позволит избежать проблемы.

Answer 3

Добавьте ниже CSS в таблице стилей

nav.navbar { 
    position: fixed; 
} 
header { 
    margin-top: 60px; 
}