«navbar» 태그된 질문

페이지 탐색을 직접 처리하는 HTML 및 XML 부분


1
왼쪽, 중앙 또는 오른쪽 정렬 항목이있는 부트 스트랩 NavBar
에서 부트 스트랩 , 오른쪽의 중앙에 왼쪽 메뉴 항목에 로고 A를 가지고 탐색 모음 및 로고 B를 생성 할 수있는 가장 플랫폼 친화적 인 방법은 무엇입니까? 여기까지 내가 시도한 것이 있는데, 로고 A가 왼쪽에 있고 왼쪽에 로고 옆의 메뉴 항목이 있고 오른쪽에 로고 B가 있도록 정렬되었습니다. <div class="navbar navbar-fixed-top navbar-custom …

29
로고가있는 부트 스트랩 3 Navbar
텍스트 브랜딩 대신 이미지 로고가있는 Bootstrap 3 기본 탐색 메뉴를 사용하고 싶습니다. 화면 크기가 다른 문제를 일으키지 않고이 작업을 수행하는 올바른 방법은 무엇입니까? 나는 이것이 일반적인 요구 사항이라고 가정하지만 아직 좋은 코드 샘플을 보지 못했습니다. 모든 화면 크기에 적합한 디스플레이를 제공하는 것 이외의 핵심 요구 사항은 작은 화면의 메뉴 축소 …

21
부트 스트랩 4 네비게이션 바 항목을 오른쪽에 정렬
탐색 표시 줄 항목을 오른쪽에 어떻게 정렬합니까? 로그인하고 오른쪽에 등록하고 싶습니다. 그러나 내가 시도하는 모든 것이 작동하지 않는 것 같습니다. 이것이 내가 지금까지 시도한 것입니다. <div>주위에 <ul>찬사와 함께 :style="float: right" <div>주위에 <ul>찬사와 함께 :style="text-align: right" <li>태그 에서 그 두 가지를 시도 !important끝에 추가하여 모든 것을 다시 시도하십시오. 변경 nav-item에 nav-right에<li> …

26
Angular JS로 부트 스트랩 navbar 활성 클래스를 설정하는 방법은 무엇입니까?
부트 스트랩에 항목이있는 탐색 막대가있는 경우 Home | About | Contact 각 메뉴 항목이 활성 일 때 활성 클래스를 설정하려면 어떻게합니까? 즉, class="active"각도 경로가있을 때 어떻게 설정할 수 있습니까 #/ 집에 #/about 정보 페이지 #/contact 연락처 페이지

11
반응 형 부트 스트랩 탐색 모음의 중앙에 컨텐츠
부트 스트랩 탐색 모음에서 컨텐츠를 중앙에 배치하는 데 문제가 있습니다. 부트 스트랩 3을 사용하고 있습니다. 많은 게시물을 읽었지만 사용 된 CSS 또는 메소드가 코드에서 작동하지 않습니다! 나는 정말로 좌절했다. 그래서 이것은 나의 마지막 옵션과 같다. 도움을 주시면 감사하겠습니다! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> …

18
LESS를 사용하지 않고 부트 스트랩 탐색 모음 축소 중단 점 변경
현재 브라우저 너비가 768px 아래로 떨어지면 탐색 표시 줄이 축소 모드로 변경됩니다. 이 너비를 1000px로 변경하여 브라우저가 1000px 미만이면 탐색 표시 줄이 축소 모드로 변경됩니다. LESS를 사용하지 않고이 작업을 수행하고 싶습니다 .LESS가 아닌 스타일러스를 사용하고 있습니다. 내 문제는이 질문과 동일합니다 : Bootstrap 3 Navbar Collapse 그러나 그 질문에 대한 모든 …

12
부트 스트랩 3 Navbar 접기
부트 스트랩 3 탐색 모음이 접히는 지점을 늘릴 수있는 방법이 있습니까 (즉, 세로 태블릿에서 드롭 다운으로 축소되도록)? 이 두 가지는 부트 스트랩 2에 적용되었지만 지금은 아닙니다! Twitter 부트 스트랩 응답을 사용하여 탐색 모음 축소 임계 값을 변경하는 방법은 무엇입니까? 기본 반응 형 탐색 표시 줄 중단 점 변경


9
Twitter의 부트 스트랩 2.1.0에서 새로운 affix 플러그인을 사용하는 방법은 무엇입니까?
그 주제에 대한 부트 스트랩 문서는 저에게 약간 혼란 스럽습니다. 접미사 navbar가있는 문서에서와 같은 유사한 동작을 달성하고 싶습니다 : navbar는 단락 / 페이지 머리글 아래에 있으며 아래로 스크롤하면 먼저 페이지 상단에 도달 할 때까지 스크롤 한 다음 추가 스크롤 다운을 위해 고정 된 상태로 있어야합니다. . jsFiddle은 navbar 개념에서 작동하지 …

9
부트 스트랩 3.0 navbar의 높이 낮추기
고정 상단 동작과 함께 사용되는 부트 스트랩 3.0 navbar 높이를 줄이려고합니다. 여기에 코드를 사용하고 있습니다. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" role="navigation"> <ul class="nav …

6
부트 스트랩 3-navbar 축소 비활성화
이것은 내 간단한 탐색 모음입니다. <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> 이게 무너지는 …

6
여러 페이지에서 탐색 모음을 재사용하려면 어떻게해야합니까?
방금 home / index.html 페이지 만들기를 마쳤습니다. 탐색 모음을 현재 위치에 유지하고 사용자가 모든 내 페이지를 클릭하는 동안 그대로 유지합니다. 탐색 코드를 각 페이지 상단에 복사하여 붙여 넣어야합니까? 아니면 더 깔끔하게 보이도록하는 다른 방법이 있습니까? HMTL 탐색 : <nav> <div> <a href="/"> <div id="logo"><img src="image.png" alt="Home"/></div> <div id="headtag"><img src="image.png" alt="Home"/></div> …
83 html  navbar 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.