부트 스트랩 3.0 탐색 표시 줄이 투명 또는 흰색으로 바뀝니다.

내 탐색 메뉴가 반비례가 아닌 경우이 결과가 표시됩니다. 내가 역 할을 설정하면부트 스트랩 3.0 탐색 표시 줄이 투명 또는 흰색으로 바뀝니다.

Non Inverse

는하지만이 결과를 얻는다.

Inverse

나는 핵심 부트 스트랩 파일을 사용하고 있습니다. 내 탐색 시스템 코드는 다음과 같습니다.

<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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 class="animbrand"><a href="#" class="navbar-brand">Welcome</a> 
     </div> 
    </div> 
    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#about">About</a> 

     </li> 
     <li><a href="#services">Services</a> 

     </li> 
     <li><a href="#contact">Contact</a> 

     </li>

그리고 내 탐색이 계속됩니다.

무엇이 문제입니까? 나는 반대가 아니라 간단하게 유지하고 싶습니다. 나는 어떤 커스텀 스킨 (Bootwatch)도 사용하지 않고있다.

예 내 모든 CSS는, JS, IMGS이 올바르게 (SCR) 단지의 경우에

내 머리 코드에 연결되어 있습니다.

<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="description" content=""> 
<meta name="author" content=""> 
<title>Welcome</title> 
<!-- Bootstrap core CSS --> 
<link href="css/bootstrap.css" rel="stylesheet"> 
<!-- Custom CSS for the template --> 
<link href="css/image.min.css" rel="stylesheet"> 
<link href="css/skin.min.css" rel="stylesheet">

이 어떤 생각? 나는 하루 종일 이것을 알아 내려고 노력했다.

참고 : 맞춤 코드가 없어도 css와 js는 같은 모양입니다.

출처

2014-01-25 Ruskie

"navbar navbar-default"는 'nav'의 클래스 여야합니다. – Dudo

이것은 .navbar-inverse를 제거한 결과입니다. 색상을 변경하려면 .navbar-inverse 뒤에 다른 클래스 이름을 집어 넣고 배경색 속성과 그 밖의 항목을 덮어 씁니다. 그러나 GetBootstrap의 예제를 보면 .navbar-inverse를 제거하면 배경이 투명 해집니다.

출처

2014-01-25 01:30:18

부트 스트랩 3.0 탐색 표시 줄이 투명 또는 흰색으로 바뀝니다.

답변

관련 문제