rails twitter-bootstrap-rails

1、首先安裝  gem 'twitter-bootstrap-rails' ,運行bundle install

2、初始化 rails generate bootstrap:install less 生成assets/stylesheet/sbootstrap_and_overrides.css.less文件 此時需要安裝gem "less-rails".該文件中引入了插件提供的大量的less文件,如下面所示





3.如果我們不需要less的樣式,可運行rails generate bootstrap:install static 此時生成的是assets/stylesheet/sbootstrap_and_overrides.css.scss,因爲rails框架中默認安裝了gem 'sass-rails'插件,所以scss文件可被解析爲css文件

4.如果我們要使用該插件提供的佈局,可運行rails g bootstrap:layout application fixed生成固定佈局,運行rails g bootstrap:layout application fluid生成流式佈局,或者運行rails g bootstrap:layout [LAYOUT_NAME] [*fixed or fluid]生成流式或固定佈局,可根據自己需要選擇。

5.如果要使用插件提供的js,在application.js中引入//= require twitter/bootstrap即可

6.完成以上的步驟,便可以在自己的程序中引用插件提供的css和js文件了

發佈了20 篇原創文章 · 獲贊 4 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章