当我通过使用gem将Boostrap V4.1.3与rails一起使用时。当我使用它时,它会出现如下图所示的问题。我不知道有什么问题以及如何解决?
Application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>ShoppingShop</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
<body>
<%= yield %>
</body>
</html>
宝石文件
gem 'bootstrap', '~> 4.1.3'
gem 'jquery-rails'
Application.scss
@import "bootstrap";
Application.js
//= require jquery3
//= require popper
//= require bootstrap-sprockets
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .