Rails 项目中安装bootstrap的几个小
2015-08-06 00:36
549 查看
Rails 项目中添加bootstrap教程 ,bootsrap rails 美观框架 简短实用
1.修改Gemfile文件,加入要安装的bootstrap相关包
gem 'therubyracer'
gem 'less-rails'
gem 'twitter-bootstrap-rails'
2.安装相关包
bundle install
3.运行rails g bootstrap:install生成bootstrap相关文件
4.rails g bootstrap:themed products
注:这种方式有很不好的影响 比如 生成很多多余的文件 会自动在你的文件中添加很多无用的样式 无趣 无用
我们换种方式:(强烈推荐这种方式)
1)下载bootstrap 文件
2) bootstrap.min.js bootstrap.min.css复制到你的rails目录下
3)在javascripts中application.js 添加=require_bootstrap.min
在stylesheets中application.css 添加 =require_bootstrap.min
注: 这种方式你只用了 三步 但是有很多的样式供你选择
1.修改Gemfile文件,加入要安装的bootstrap相关包
gem 'therubyracer'
gem 'less-rails'
gem 'twitter-bootstrap-rails'
2.安装相关包
bundle install
3.运行rails g bootstrap:install生成bootstrap相关文件
4.rails g bootstrap:themed products
注:这种方式有很不好的影响 比如 生成很多多余的文件 会自动在你的文件中添加很多无用的样式 无趣 无用
我们换种方式:(强烈推荐这种方式)
1)下载bootstrap 文件
2) bootstrap.min.js bootstrap.min.css复制到你的rails目录下
3)在javascripts中application.js 添加=require_bootstrap.min
在stylesheets中application.css 添加 =require_bootstrap.min
注: 这种方式你只用了 三步 但是有很多的样式供你选择
相关文章推荐
- bootstrap(手风琴、图片轮换和固定定位)
- 4 classes in Bootstrap Grid system
- bootstrap中的动态加载出来的图片轮播中的li标签中的class="active"的动态添加移除
- bootstrap(警告框、按钮)
- bootstrap(选项卡、提示框和弹出框)
- BootStrap Progressbar 实现大文件上传的进度条
- bootstrap(下拉菜单与滚动监听)
- bootstrap实现模态框实例
- 封装了bootstrap的分页组件
- Bootstrap模板Metronic设置默认选中侧边栏
- json数据转化为bootstrap treeview填充数据格式util
- bootstrap(排版)
- bootstrap(支持的JavaScript插件)
- Bootstrap DatetimePicker官方API
- 設定 Bootstrap/SASS/Bower/gulp (Windows平台)
- BootStrap分页和标签
- BootStrap ifram,well
- BootStrap Panel
- bootstrap(组件)
- input text表单中嵌入select选项的方法