首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在rails中实现引导主题?

如何在rails中实现引导主题?
EN

Stack Overflow用户
提问于 2016-11-26 15:35:57
回答 1查看 1.2K关注 0票数 0

我正在尝试对我的rails应用程序使用startbootstrap主题

http://startbootstrap.com/template-overviews/creative/

我已经下载了主题解压它

将css文件夹移动到vendor/stylesheets

将javascript文件夹移动到供应商/javascripts中

编辑index.html文件并删除其中的所有依赖项(删除css并删除javascript)

然后

我编辑我的application.js和application.css以包含主题中的css和js文件。

代码语言:javascript
复制
application.js
//= require vendor/jquery/jquery.min.js
//= require vendor/bootstrap/js/bootstrap.min.js
//= require vendor/scrollreveal/scrollreveal.min.js
//= require vendor/magnific-popup/jquery.magnific-popup.min.js
//= require js/creative.min.js

application.css
*= require vendor/bootstrap/css/bootstrap.min.css
*= require vendor/font-awesome/css/font-awesome.min.css
*= require vendor/magnific-popup/magnific-popup.css
*= require css/creative.min.css

css和图像工作正常,但javascripts从不工作,原因如下

到目前为止,我的解决方法是将所有文件复制到公用文件夹中

EN

回答 1

Stack Overflow用户

发布于 2016-11-26 15:50:15

您可以直接安装bootstrap gem并安装它。

打开您的gemfile并放入:

代码语言:javascript
复制
gem 'bootstrap-sass', '~> 3.3.6'

包安装。

打开你的application.css并放入:

代码语言:javascript
复制
@import "bootstrap-sprockets";
@import "bootstrap";

将您的application.css重命名为application.scss

打开你的application.js并放入:

代码语言:javascript
复制
//= require jquery
//= require bootstrap-sprockets
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40816093

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档