부트 스트랩 : 네비게이션이 시작 부분에 고정되어 있지 않고 고정되어 있습니다.

Question

부트 스트랩으로 가능한지 알고 싶습니다. 로고와 기타 정보가있는 헤더를 만들고 탐색 줄을 만들고 싶습니다. 그러나 로고는 수정되지 않으며 페이지 상단에있을 때만 탐색 표시 줄이 나타납니다. Here an example of header i'm trying to do with bootstrap

Answer 1

이것은 "머리글"의 의미에 따라 부분적으로 달라집니다.

종종 "대형 기기"클래스 이런 헤더로서 사용된다

<div class="jumbotron"><img src='logo.png'>My Cool Company</div> 

그리고 탐색 줄은 독립적 요소 구체적 메뉴 바있다. (항상 상단)

Nabber 예 (상단 또는 하단에있는 숙박) 그것은 페이지에 고정 할 수 있습니다 (내용 스크롤) 또는 화면에 정적 :

<nav class="navbar navbar-fixed-top navbar-light bg-faded"> 
    <a class="navbar-brand" href="#">Fixed top</a> 
    <a href="#">Link 1</a> 
    <a href="#">Link 2</a> 
</nav> 

당신은 다른 사람을 찾을 수 있습니다 Navbar를위한 부트 스트랩 페이지에 관한 자세한 사항 :
Bootstrap Components navbar Placement

그리고이 예제의 배치는 "네비게이션 바 고정 정상을"이 스크롤 경우에도, 화면 상단에 남아 있도록.

머리글 아래에 탐색 기능을 추가하고 탐색 모음이 화면 상단에 도달 할 때까지 스크롤하여 상단이 고정되도록 할 수 있습니다. 이것은 종종 끈적 끈적한 navbar라고합니다. 그것은 jQuery로 할 수 있지만, 현재로서는 사용자 정의 자바 스크립트를 추가하지 않고 부트 스트랩의 방법을 알지 못합니다.

Sticky Menu in jQuery - answer

두 번째 옵션을하고자 할 경우

, jQuery를하지 않고, 화면 상단지나 스크롤 할 때 정적으로 고정에서 자바 스크립트 스위치를 사용하는 방법에 대한 또 다른 질문을 부탁드립니다.

Answer 2

답장을 보내 주셔서 감사합니다.하지만 내 질문이 아니며 제 솔루션이 점보트론과 관련이 없다고 생각합니다.

내가 아래에있는 링크를 보면 페이지 상단에 사이트 로고 (w3school.com)가 맨 위에 있다는 것을 알 수 있습니다. 아래로 스크롤하면이 로고가 사라지고 탐색 바 (home, html, css, ...) 만 맨 위에 머무르게됩니다.