2016-08-26 3 views
0

이제 포트폴리오 페이지에서 작업을 시작 했으므로 (두 번째 프로젝트는 부드럽게 처리해야합니다.) 축소 버튼을 사용하여 내 웹 페이지의 다른 부분에 대한 링크를 표시 할 때까지 모든 것이 순조롭게 진행됩니다. 여기에 내가 사용하고있는 사용자 정의 CSS되어Navbar 축소 버튼이 확장되지 않습니다.

<body> 
<div class="row"> 
<div class="col-md-12"> 
    <div class="container"> 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
     <a href="#" class="navbar-brand Logo" id="Logo"> 
     StruckCroissant 
    </a> 
     <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navHeaderCollapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> 
     <div class="collapse navbar-collapse navHeaderCollapse"> 
     <ul class="nav navbar-nav navbar-right" id="Nav-List"> 
      <li><a href="#">About Me</a></li> 
      <li><a href="#">Projects</a></li> 
      <li><a href="#">Contact Me</a></li> 
     </ul> 
     </div> 
    </nav> 
    </div> 
</div> 

그리고 :

.Logo{ 
 
    font-size:20px; 
 
    color:white; 
 
    font-family:Monospace; 
 
    -webkit-transition:all ease 0.2s; 
 
    -moz-transition:all ease 0.2s; 
 
    -o-transition:all ease 0.2s; 
 
    transition:all ease 0.2s; 
 
} 
 

 
#Logo:hover{ 
 
    font-size:20px; 
 
    color:green; 
 
    font-family:Monospace; 
 
    background-color:white; 
 
    border-color:white 
 
} 
 

 
#Nav-List{ 
 
    padding-right:30px; 
 
}

주로 내 문제가 여기에

문제의 코드입니다 버트를 받고있다. n을 눌러 항목을 확장하고 실제로 목록에 항목을 표시하지만 현재 모든 항목이 더 밝아짐에 따라 클릭에 응답합니다.

도움을 주시면 감사하겠습니다. 미리 감사드립니다.

답변

0

나는 비슷한 문제가있었습니다. html을 여러 번 살펴보고 올바른지 확인했습니다. 그런 다음 jquery와 bootstrap javascript 순서로 놀기 시작했습니다.

원래 bootstrap.min.js가 jquery.min.js로 시작되었습니다. 이 상태에서 메뉴 아이콘을 클릭하면 메뉴가 확장되지 않습니다.

그런 다음 bootstrap.min.js가 jquery.min.js 뒤에 오도록 순서를 변경했습니다. 이로 인해 문제가 해결되었습니다. 나는 이것이 왜 문제를 일으켰는지 (또는 고쳐야하는지) 설명하기에 자바 스크립트에 대해 충분히 알지 못한다. 그러나 그것은 나를 위해 일한 것이다.

추가 정보 :

두 스크립트가 바로 태그 전에 페이지 하단에 있습니다. 두 스크립트 모두 로컬로 호스팅되지 않고 CDN에서 호스팅됩니다.

코드가 정확하다고 확신한다면 시도해보십시오. 이 문제가 해결되지 않으면

, 다음 단계를 수행 :

1 - 여기 후 귀하의 Plunker 또는 바이올린을
2-자신과 함께, 대신 당신의 네비게이션 바 붕괴 샘플이 조각을 사용해보십시오 스타일

관련 문제