ruby on rails 中使用boot strap(先存起来,还没试过)
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文件了
ruby on rails 中使用boot strap(先存起来,还没试过)相关推荐
- 在Ruby on Rails中对nil v。空v。空白的简要解释
我发现自己一再寻找nil?差异的明确定义nil? , blank? , empty? 在Ruby on Rails中. 这是我最接近的: blank? 对象是false,空或空白字符串. 例如, &q ...
- 如何在Ruby on Rails中获得当前的绝对URL?
如何在Ruby on Rails视图中获取当前的绝对URL ? request.request_uri仅返回相对URL. #1楼 url_for(params) 您可以轻松添加一些新参数: url_f ...
- vue异步数据 报错_vue中异步请求数据,异步请求还没完成,文件就执行了就会报错,怎么解决?...
vue中,axios异步加载数据,但是有的文件里面需要用到异步拿到的数据,数据还没拿到,文件已经执行了,这时候数据就是空,就会报错,这个问题怎么解决? 具体表现: 我这边vue项目是进入页面的时候会调 ...
- 新手安装ruby on rails(ror)的成功必备手册
2019独角兽企业重金招聘Python工程师标准>>> 如何快速正确的安装 Ruby, Rails 运行环境 每一位使用windows系统来进行ROR开发项目的都是这个世界上折翼的天 ...
- Ruby on Rails 终极部署方案 nginx+mina+puma
搭建工具介绍 Ruby on Rails作为一款十分优秀的web开发框架,在当前web领域中慢慢占据了越来越重要,秉承rails快速开发的特点,很多快速部署rails的方案也越来越多.这篇文章中所选的 ...
- 如何从Hash中删除一个键并获取Ruby / Rails中的剩余哈希?
要向Hash添加新对,我会: {:a => 1, :b => 2}.merge!({:c => 3}) #=> {:a => 1, :b => 2, :c => ...
- 如何在Ruby on Rails迁移中重命名数据库列?
我错误地将列命名为hased_password而不是hashed_password . 如何使用迁移重命名此列来更新数据库架构? #1楼 如果当前数据对您不重要,您可以使用以下方法删除原始迁移: ra ...
- bdd cucumber_如何使用BDD构建坚如磐石的Ruby on Rails应用
bdd cucumber by Marko Anastasov 通过Marko Anastasov 如何使用BDD构建坚如磐石的Ruby on Rails应用 (How to build rock-s ...
- 从0使用Ruby on Rails打造企业级RESTful API项目实战之我的云音乐
本节对我们项目实现的功能和知识点做一个简单的介绍,因为是RESTful API项目,所以对于后端来说基本上没有什么UI界面可展示,那我们就在关键的点,使用客户端(Android)实现的效果图. 课程简 ...
最新文章
- 学php还是日语,如何使用PHP检查该词是日语还是英文
- php的工厂设计模式,PHP中的工厂设计模式是什么?
- 为什么说「中台」程序员将来会最值钱?
- E/MediaPlayer: Should have subtitle controller already set
- java8 方法引用详解_Java8中如何通过方法引用获取属性名详解
- Tomcat原理剖析及性能调优
- python的scrapy爬虫模块间进行传参_python网络爬虫——scrapy核心组件介绍、请求传参、下载中间件...
- 造轮子,layuiAdmin——基于layui的后台管理模板
- php flash 代码转换,php+flashpaper实现文档自动转换
- matlab特定颜色提取
- Android uni app原生插件页面全屏Activity的键盘档住输入框或弹起键盘跳动问题
- C#中Chart控件的一些由浅至深的理解
- IC学习笔记3——异步FIFO
- java毕业设计SEOUL设计师品牌代购商城Mybatis+系统+数据库+调试部署
- 纯国产的大佬周志华,如何扛起了智能学界的一面大旗
- 记一次Android视频播放器开发
- Ubuntu 20.04.3 LTS安装rabbitvcs svn图形化客户端和简单实用
- java 微信抽奖_微信随机生成红包金额算法java版
- redash 上写 mongodb 查询语句 语法
- 遗传算法(matlab)
热门文章
- 解决只读模式U盘保护格式化或者dd写报错:ERROR: failed to open ‘/dev/sdb‘ in read-write mode: Read-only file system.
- android仿YY直播间侧滑清屏功能
- HCI 电脑串口工具验证CSR8311初始化
- slurm安装配置_Slurm任务调度系统部署和测试(源码)(1)
- 感谢有你,一路相随 !
- uniapp本地存储(uni.setStorageSync和uni.setStorage)
- 我想到了一个站长赚钱的捷径
- 【项目实战】Java 开发 Kafka 生产者
- java版CRC16计算redis的key槽点
- Unity Ugui 优化 DrawCall