个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
EDIT-2> 它在我的主页上不起作用，因为我在主页上使用自定义模板，如果没有登录的话。
我使用 Bootstrap 3.3.6、Rails 5.1.5 创建了一个 Rails 应用。
我安装了 bootstrap，它似乎可以正常工作，但我的网站没有响应。但是，如果我转到浏览器，然后按 F12 打开开发人员工具并手动添加 <meta name="viewport" content="width=device-width, initial-scale=1.0">到 <head> , 然后它变得有响应。
但是，即使我将它添加到 <head> 中，它也不会自动出现在头部。在 application.html.erb .
此外，如果我按 F12 键进入/关闭开发工具(在 chrome 中)，它会瞬间显示响应式 View 。
gem 文件:
gem 'rails', '~> 5.1.4'
gem 'puma', '~> 3.7'
gem 'sass-rails', '~> 5.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.2'
gem 'turbolinks', '~> 5'
gem 'jbuilder', '~> 2.5'
gem 'devise', '~> 4.2'
gem 'bootstrap-sass', '~> 3.3', '>= 3.3.6'
gem 'jquery-rails'
gem 'has_friendship', :git => 'git://github.com/Hawry/has_friendship.git', :ref => '5f4675f'
gem 'administrate'
gem 'pundit'
gem 'rails_12factor', '~> 0.0.3'
gem 'carrierwave', '0.11.2'
gem 'mini_magick'
gem 'fog-aws'
gem "simple_calendar", "~> 2.0"
应用程序.css.scss:
@import "bootstrap-sprockets";
@import "bootstrap";
@import "cover.scss";
@import "user.scss";
@import "categories.scss";
@import "forum.scss";
@import "goals.scss";
@import "chat.scss";
Application.html.erb:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= action_cable_meta_tag %>
</head>
<body>
<!--Anything added here needs to also be added to the index/homepage partial, -->
<!--as the workaround to escape container from application on homepage-->
<% if action_name == "choose_interests" || action_name == "set_profile" %>
<%= render 'layouts/sign_up_nav' %>
<% else %>
<%= render 'layouts/navigation' %>
<% end %>
<div class="container">
<%= yield %>
</div>
<% if action_name == "choose_interests" || action_name == "set_profile" %>
<%= render 'layouts/sign_up_footer' %>
<% else %>
<%= render 'layouts/footer' %>
<% end %>
</body>
</html>
application.js
//= require rails-ujs
//= require turbolinks
//= require_tree .
//= require jquery
//= require bootstrap-sprockets
//= require_tree ./channels
最佳答案
它在我的主页上不起作用，因为我在使用主页的自定义模板(如果未登录)。
经验教训:
检查多个页面/登录/注销..
关于css - 使用 bootstrap 3.3.6 的 Rails 应用程序头部没有视口(viewport)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50011621/
25
4
0
我正在尝试获得一个按钮，按下该按钮时会改变颜色。当再次按下时，它应该变回原来的颜色。我究竟做错了什么？ 我的模板中的按钮: export default { data: {
我是一名优秀的程序员,十分优秀！