부트 스트랩 접을 수있는 패널이 열리지 않음 - 콘솔에 오류가 없음

Question

필자는 Rails 5 App에 색인 페이지 형식의 선택적 검색 양식을 저장할 패널을 구축 중입니다. 현재 저는 프레임 워크로 부트 스트랩 3을 사용하고 있습니다. 패널이 내장되어

내가 열을 클릭하면 그러나, 그것은 아무것도하지 않는, 그것은 페이지에 표시

<div class="panel-group"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" href="#collapse1">Collapsible panel</a> 
     </h4> 
     </div> 
     <div id="collapse1" class="panel-collapse collapse"> 
     <div class="panel-body"> 
      <%= render partial: 'users/search_form/search_form' %> 
     </div> 
     <div class="panel-footer">Panel Footer</div> 
     </div> 
    </div> 
    </div> 

(여기있다).

몇 번이나 부트 스트랩 3 레일 통합 프로세스를 완료했지만 아무런 문제가 없습니다. 여기

는 (내 application.scss 파일이며, 필자 다른 게시물을 제안했지만 그게 해결되지 않았다으로 css.scss하기 위해 이름을 변경했습니다.

여기

*= require_tree . 
*= require_self 
*/ 
    @import "bootstrap-sprockets"; 
    @import "bootstrap"; 

내 application.js가

파일입니다

//= require jquery 
//= require bootstrap-sprockets 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 

하지 내가 좋은 것 여기 어떤 도움을 잘못된거야 어디도 확인합니다.

Answer 1

나는 코드를 시도하고 작동하는 것 같군.나요 당신은 의미없는 당신은 '축소 PA를 클릭하면 nel '을 선택하면 숨겨진 패널이 나타납니다. 다시 확인하십시오. '접을 수있는 패널'텍스트를 클릭하면 잘 작동합니다. '접을 수있는 패널'이 표시된 전체 상자가 표시 될 때 패널을 표시하려면 'a'태그를 패널 헤딩 클래스 앞에 놓습니다. 이처럼 :

<div class="panel-group"> 
    <div class="panel panel-default"> 
     <a data-toggle="collapse" href="#collapse1"> 
      <div class="panel-heading"> 
       <h4 class="panel-title"> 
        Collapsible panel 
       </h4> 
      </div> 
     </a> 
     <div id="collapse1" class="panel-collapse collapse"> 
      <div class="panel-body"> 
       <%= render partial: 'users/search_form/search_form' %> 
      </div> 
      <div class="panel-footer">Panel Footer</div> 
     </div> 
    </div> 
</div> 

희망이 당신이 양식이 표시되지 않는 뜻하는 것이