Question

我一直在尝试将getboostrap网站上的模板安装到我的rails应用程序中。

我可以使用框架＆＃39;部分使用所有模板。但是当我尝试使用＆＃39;自定义组件时＃39;他们赢得的主题没有正确加载 - 就像css文件缺失或其他东西一样。

这是我链接css文件（在index.html.erb中）

的方式

我换了。。

<!-- Bootstrap core CSS -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="cover.css" rel="stylesheet">

随着。。

<!-- Bootstrap core CSS -->
<link href="../../assets/stylesheets/bootstrap.min.css.scss" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="../../assets/stylesheets/cover.css.scss" rel="stylesheet">

我需要做的其他事情是什么？谢谢！

Answer 1

阅读bootstrap-sass gem的说明并遵循其惯例https://github.com/twbs/bootstrap-sass。

在你的Gemfile中添加

gem 'bootstrap-sass', '~> 3.3.5'
gem 'sass-rails', '>= 3.2'

进入application.scss

Import Bootstrap styles in app/assets/stylesheets/application.scss:

// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables"
@import "bootstrap-sprockets";
@import "bootstrap";

确保application.html.erb内有此行

<%= stylesheet_link_tag 'application', media: 'all' %>

Answer 2

您需要使用Rails帮助程序来包含SCSS，因为SCSS需要预编译。

在layout.html.erb中，如果不添加，则应为<%= stylesheet_link_tag 'application', media: 'all' %>。

在app/assets/stylesheets/application.css.scss的顶部添加： /* *= require bootstrap.min.css */

无法在rails / sass上运行Bootstrap模板

2 个答案: