Zhibin's blog

always smile :-)

Using Bootstrap in Rails

| Comments

本人 rails 新手,使用 rails 4.0 , 在 rails app 中添加 Bootstrap 支持, 参考 Ruby on Rails tutorial 2nd edition En

Step 1 添加 bootstrap-sassGemfile

打开 Gemfile 添加如下内容:

1
2
# Use bootstrap
  gem 'bootstrap-sass','~>2.3.2' #tutorial 上用的是2.0.0

Step 2 安装

直接运行:

1
bundle install

Step 3 创建 custom.css.scss

创建 custom.css.scss 文件:

app/assets/stylesheets/custom.css.scss

app/assets/stylesheets 下的文件会自动被 application.css include进来。

在这个文件中可以添加 bootstrap CSS 进来,在 custom.css.scss 中添加:

1
@import "bootstrap";

当然,还可以在custom.css.sass文件中添加自己的custom 如:

1
2
3
4
5
6
7
8
9
10
11
12
@import "bootstrap";

/*universal*/

html {
        overflow-y:scroll;
}

body {
        padding-top: 10px;
        padding-left: 10px;
}

Comments