ブートストラップ折りたたみパネルが開いていない - コンソールにエラーがありません

Question

私はRails 5 Appにインデックスページからオプションの検索フォームを格納するパネルを構築しています。現在私はフレームワークとしてBootstrap 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ファイルです（と、IVEは、いくつかの他の記事を示唆しているが、それはそれを修正していないよう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 '、非表示のパネルが表示されます。再確認してください。 'Collapsible panel'のテキストをクリックするとうまくいきます。 '折りたたみパネル'が書かれているボックス全体が表示されるようにするには、 '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> 

ホープこれはあなたを助けた:)