rails twitter-bootstrap-rails
来源:互联网 发布:好看的末世小说知乎 编辑:程序博客网 时间:2024/05/01 20:51
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文件了
0 0
- rails twitter-bootstrap-rails
- rails twitter-bootstrap-rails
- intall twitter-bootstrap-rails
- ruby on rails 如何使用gem "twitter-bootstrap-rails"
- rails 4.0.0 rails bootstrap
- backbone-bootstrap-rails
- rails 安装bootstrap
- Rails
- Rails
- Rails
- rails
- Rails
- rails
- Rails
- Rails
- Rails
- Rails
- Rails
- 采用Delegate对一个未知类型的对象进行"遍历"
- Android 自定义View(3) -- 获得Bitmap的三种方法
- mysql大数据表导入导出
- 互联网免费鸡蛋,给还是不给?要还是不要?
- iTween.cs的WP8实现
- rails twitter-bootstrap-rails
- ApplicationInfo.FLAG_PERSISTENT
- Django实践-简单实例
- (转)RelativeLayout相对布局常用属性
- 一周极客热文:电影中的黑客高手都是这样编程的,一秒高大上,爽!
- 加快.net网页的数据显示速度
- ViewPager使用心得
- 17周项目二,4,(数组名做形参)
- vbs利用COM对象打开IE