如何从狂欢前端删除bootstrap css

时间:2016-06-10 10:22:35

标签: css twitter-bootstrap spree

最近,我尝试通过覆盖frontend_boostrap.css.scss来删除Spree前端的所有Bootstrap实例

我刚刚将这个文件包含在app / assets / stylesheets / spree / frontend / frontend_boostrap.css.scss中并保持空白但仍然应用程序加载bootstrap css。请指导我如何从前端删除它。

2 个答案:

答案 0 :(得分:0)

最好的方法是添加文件夹:

# app/views/spree/shared/_head.html.erb then remove bootstrap:

<meta charset="utf-8">
<title><%= title %></title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
<%== meta_data_tags %>
<%= canonical_tag(current_store.url) %>
<%= favicon_link_tag 'favicon.ico' %>

<%# Remove below %>
<%= stylesheet_link_tag 'spree/frontend/all', media: 'screen' %>

<%= csrf_meta_tags %>
<%# Remove below %>
<%= javascript_include_tag 'spree/frontend/all' %>

<!--[if lt IE 9]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6/html5shiv.min.js"></script>
<![endif]-->
<%= yield :head %>
<%= render 'spree/shared/translations' %>

请参阅Spree's head

如果你这样做,你需要做很多工作,因为很少有JavaScript代码附加了bootstrap类。

答案 1 :(得分:-1)

从您的html页面中删除<link href="/assets/bootstrap.css" rel="stylesheet">