부트 스트랩 navbar-fixed-top 클래스가 작동하지 않습니다.

Question

부트 스트랩을 사용하여 포트폴리오 사이트 구축 - navbar를 창 상단에 고정 시키려면 'navbar-fixed-top'클래스를 적용합니다. 이 예에서 :

https://getbootstrap.com/examples/navbar-fixed-top/

이 코드를 사용하여 그렇게 할 노력하고있어 : 나는 내 자신의 웹 페이지에 적용 할 때

<nav class="navbar navbar-fixed-top"> 
    <div class="container"> 
    <div id="navbar" class="navbar-collapse"> 
     <ul class="nav navbar-nav"> 
     <li>About</li> 
     <li>Projects</li> 
     <li>Contact Me</li> 
     </ul> 
    </div> 
    </div> 
</nav> 

그러나, 네비게이션 바에는 여전히 스크롤입니다. 현재 페이지를 볼 수 있습니다

http://codepen.io/BenWS/pen/gmLEVw

Answer 1

는 부트 스트랩 (bootstrap4의 beta6)의 최신 버전을 사용하고 있기 때문에.

그들은 .navbar-fixed-top에서 .fixed-top

로 변경이 link.

의 문서를 읽을 필요

Answer 2

나는 당신이 당신의 부트 스트랩에로드하는 방식에 문제가 있다고 생각합니다. 부트 스트랩 파일을 호출하기 전에 jquery를 호출해야합니다. 아무것도 작동하지 않으면 당신은 항상 자신을 postitioning 고정 추가 할 수 있습니다

navbar-fixed-top { 
    position:fixed !important; 
}