如何在导轨上配置Bootstrap-Sass

Question

我正在构建一个Rails应用程序，因此决定使用bootstrap和sass。

我遵循github页面上的指南：

https://github.com/twbs/bootstrap-sass

所以，现在我安装了我的gem（'bootstrap-sass'，'sass-rails'），我的application.css（现在为application.sass）如下所示：

1 @import "bootstrap-sprockets";
2 @import "bootstrap";

我的application.js文件如下所示：

1 // This is a manifest file that'll be compiled into application.js, which will include all the files
2 // listed below.
3 //
4 // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
5 // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
6 //
7 // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
8 // compiled file.
9 //
10 // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
11 // about supported directives.
12 //
13 //= require jquery
14 //= require jquery_ujs
15 //= require turbolinks
16 //= require bootstrap-sprockets
17 //= require_tree .

然后指南几乎结束了。 问题是我的应用程序中没有引导程序（通过查看源代码无法在页面的任何位置看到它），而且我不知道如何使用sass。 接下来我该怎么办？ 我错过了什么？

Answer 1

听起来应该已经准备就绪，但是您必须开始编写一些可以应用的代码。 也许对此进行测试。 在body下的application.html.erb文件中，放入以下内容：

<div id="container">
    <div class="main">
            <h1>Main Content</h1>
    </div>

然后在css文件中尝试这个

#container {
    .main {
            width:600px;
            h1 {
                    color: $red;
            }
    }

确保在安装捆绑软件后重新启动服务器。 引导程序变量列表可以在以下位置找到： http://getbootstrap.com/customize/#less-variables

Answer 2

我发现了错误：我在html之间写了所有import标签

<title>

标签而不是

<head>

标签。

如何在导轨上配置Bootstrap-Sass

问题描述

2 个解决方案

解决方案1
0 2015-01-22 11:56:47

解决方案2
0 2015-01-22 14:07:45

如何在导轨上配置Bootstrap-Sass

问题描述

2 个解决方案

解决方案1 0 2015-01-22 11:56:47

解决方案2 0 2015-01-22 14:07:45

解决方案1
0 2015-01-22 11:56:47

解决方案2
0 2015-01-22 14:07:45