集成bootstrap

集成bootstrap到项目中(使用bootstrap-sass集成)

bootstrap 官网: http://getbootstrap.com

bootstrap-sass项目地址: https://github.com/twbs/bootstrap-sass

集成步骤如下:

  1. 在Gemfile中添加: gem ‘bootstrap-sass’, ‘~> 3.3.6’, 生成rails项目时已经默认添加 gem ‘sass-rails’ 了,所以不需要添加 ‘sass-rails’

  2. 运行 bundle install

  3. 将 app/assets/stylesheets/application.css 改名为 application.scss, 并且在该文件末尾添加

1
2
  @import "bootstrap-sprockets";
  @import "bootstrap";
  1. 要使用bootstrap javascript, 需要在app/assets/javascripts/application.js 末尾添加
1
  //= require bootstrap-sprockets

完成以上几个步骤后,bootstrap就成功集成到项目中了

在bootstrap中如要写样式文件只需要在app/asserts/stylesheets 下定义一个scss文件,然后在

application.scss 中import进去即可.例如: 定义了一个home.scss文件,则只需要在application.scss

文件中添加

1
  @import "home";

集成bootstrap所做的改动

Comments