2016-10-08 2 views
0

Die Benachrichtigung verschwindet nicht, wenn Sie auf x klicken.Bootstrap-Warnung wird nicht abgewiesen, wenn in der Rails-Anwendung auf x geklickt wird

Ich glaube nicht, dass irgendwelche erforderlichen CSS-Klassen fehlen, also bin ich mir nicht sicher, warum das nicht funktioniert.

Vor x klicken:

enter image description here

Nach einem Klick x:

enter image description here

application.html.erb

<html> 
    <body> 
    ... 
    <% if flash[:notice] %> 
     <div class="alert alert-success alert-dismissible fade out in"> 
      <button type="button" class="close" data-dismiss="alert"> 
      <span>&times;</span> 
      </button> 
      <%= flash[:notice] %> 
     </div> 
    <% elsif flash[:error] %> 
     <div class="alert alert-danger alert-dismissible fade out in"> 
      <button class="close" data-dismiss="alert">&times;</button> 
      <% flash[:error].each do |msg| %> 
       <li> 
       <%= msg %> 
       </li> 
      <% end %> 
     </div> 
    <% elsif flash[:alert] %> 
     <div class="alert alert-warning alert-dismissible fade out in"> 
      <button type="button" class="close" data-dismiss="alert">&times;</button> 
      <%= flash[:alert] %> 
     </div> 
    <% end %> 
    </body> 
</html> 

Gemfile.rb

gem 'bootstrap-sass' 

application.scss

@import 'bootstrap-sprockets'; 
@import 'bootstrap'; 

Gibt es noch etwas können Sie empfehlen, dass ich versuchen?

+1

haben laden Sie richtig das Javascript? – Ren

Antwort

0

Lösung.

//= require bootstrap-sprockets zu application.js hinzufügen.

war mir nicht bewusst, dies zusätzlich zu @import 'bootstrap-sprockets'; in application.scss erforderlich war für Bootstrap

Verwandte Themen