부트 스트랩을 사용하여이 (스티키, 풀 너비) navbar를 만들 수 있습니까?

나는이 navbar (https://bootstrapmade.com/demo/MyResume/)를 복제하려고 시도하면서 문자 그대로 몇 시간을 보냈지만 코딩 할 수는 없었다. JavaScript 지식이 필요한지 잘 모르겠습니다 (HTML, CSS 및 부트 스트랩 만 알고 있음). 어떻게 도와 드릴까요?부트 스트랩을 사용하여이 (스티키, 풀 너비) navbar를 만들 수 있습니까?

출처

2017-02-12 Ahmad

"ScrollSpy"라고합니다. 설명서 here에서 찾을 수 있습니다.

<body data-spy="scroll" data-target="#navbar-example"> 
    ... 
    <div id="navbar-example"> 
    <ul class="nav nav-tabs" role="tablist"> 
     ... 
    </ul> 
    </div> 
    ... 
</body> 
$('body').scrollspy({ target: '#navbar-example' })

출처

2017-02-12 10:47:38 Jacob

야곱, 많은 도움이되었습니다. 질문이 있습니다. 어떻게 링크를 중앙에 배치합니까? 나는 이것을 만들었지 만 링크 나 탭이 왼쪽에 있는데, 어떻게 그들을 중심에 배치 할 수 있습니까? – Ahmad

당신을 환영합니다. 당신은 CSS 클래스로 그것을 할 수 있습니다. div에 귀하의 링크를 넣으시면 ".link-wrapper {display : block; text-align : center}"또는이 html 태그를 사용하실 수 있습니다 :

. – Jacob

다시 한 번 감사드립니다. CSS 클래스를 사용해 보았지만 링크가 실제로 서로 쌓여 있습니다. – Ahmad

부트 스트랩을 사용하여이 (스티키, 풀 너비) navbar를 만들 수 있습니까?

답변

관련 문제