结合使用Bootstrap 3和Rails 4应用程序,我已经在文件中设置了flash [:notice],flash [:error],flash [:alert],application.html.erb
如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= csrf_meta_tags %>
</head>
<body>
<div class='container'>
<ul class='nav nav-tabs'>
<li><%= link_to 'Wikis', wikis_path %></li>
<div class="pull-right user-info">
<% if user_signed_in? %>
Hello, <%= link_to current_user.name, edit_user_registration_path %> |
<%= link_to 'Sign Out', destroy_user_session_path, method: :delete %>
<% else %>
<%= link_to 'Sign Up', new_user_registration_path %> or
<%= link_to 'Sign In', user_session_path %>
<% end %>
</div>
</ul>
</div>
<% if flash[:notice] %>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">×</button>
<%= flash[:notice] %>
</div>
<% elsif flash[:error] %>
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert">×</button>
<%= flash[:error] %>
</div>
<% elsif flash[:alert] %>
<div class="alert alert-warning">
<button type="button" class="close" data-dismiss="alert">×</button>
<%= flash[:alert] %>
</div>
<% end %>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstsrap.min.js"></script>
<%= yield %>
</body>
</html>
当我在开发和生产应用程序中都收到通知,错误或警报时,我无法将其关闭。我已经尝试过将两者scrpt src
同时移动,但这似乎没有任何影响。
更新:通过添加//= require bootstrap
到我的application.js
文件中,我可以解决此问题:
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require bootstrap
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句