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(先存起来,还没试过)相关推荐

  1. 在Ruby on Rails中对nil v。空v。空白的简要解释

    我发现自己一再寻找nil?差异的明确定义nil? , blank? , empty? 在Ruby on Rails中. 这是我最接近的: blank? 对象是false,空或空白字符串. 例如, &q ...

  2. 如何在Ruby on Rails中获得当前的绝对URL?

    如何在Ruby on Rails视图中获取当前的绝对URL ? request.request_uri仅返回相对URL. #1楼 url_for(params) 您可以轻松添加一些新参数: url_f ...

  3. vue异步数据 报错_vue中异步请求数据,异步请求还没完成,文件就执行了就会报错,怎么解决?...

    vue中,axios异步加载数据,但是有的文件里面需要用到异步拿到的数据,数据还没拿到,文件已经执行了,这时候数据就是空,就会报错,这个问题怎么解决? 具体表现: 我这边vue项目是进入页面的时候会调 ...

  4. 新手安装ruby on rails(ror)的成功必备手册

    2019独角兽企业重金招聘Python工程师标准>>> 如何快速正确的安装 Ruby, Rails 运行环境 每一位使用windows系统来进行ROR开发项目的都是这个世界上折翼的天 ...

  5. Ruby on Rails 终极部署方案 nginx+mina+puma

    搭建工具介绍 Ruby on Rails作为一款十分优秀的web开发框架,在当前web领域中慢慢占据了越来越重要,秉承rails快速开发的特点,很多快速部署rails的方案也越来越多.这篇文章中所选的 ...

  6. 如何从Hash中删除一个键并获取Ruby / Rails中的剩余哈希?

    要向Hash添加新对,我会: {:a => 1, :b => 2}.merge!({:c => 3}) #=> {:a => 1, :b => 2, :c => ...

  7. 如何在Ruby on Rails迁移中重命名数据库列?

    我错误地将列命名为hased_password而不是hashed_password . 如何使用迁移重命名此列来更新数据库架构? #1楼 如果当前数据对您不重要,您可以使用以下方法删除原始迁移: ra ...

  8. bdd cucumber_如何使用BDD构建坚如磐石的Ruby on Rails应用

    bdd cucumber by Marko Anastasov 通过Marko Anastasov 如何使用BDD构建坚如磐石的Ruby on Rails应用 (How to build rock-s ...

  9. 从0使用Ruby on Rails打造企业级RESTful API项目实战之我的云音乐

    本节对我们项目实现的功能和知识点做一个简单的介绍,因为是RESTful API项目,所以对于后端来说基本上没有什么UI界面可展示,那我们就在关键的点,使用客户端(Android)实现的效果图. 课程简 ...

最新文章

  1. 学php还是日语,如何使用PHP检查该词是日语还是英文
  2. php的工厂设计模式,PHP中的工厂设计模式是什么?
  3. 为什么说「中台」程序员将来会最值钱?
  4. E/MediaPlayer: Should have subtitle controller already set
  5. java8 方法引用详解_Java8中如何通过方法引用获取属性名详解
  6. Tomcat原理剖析及性能调优
  7. python的scrapy爬虫模块间进行传参_python网络爬虫——scrapy核心组件介绍、请求传参、下载中间件...
  8. 造轮子,layuiAdmin——基于layui的后台管理模板
  9. php flash 代码转换,php+flashpaper实现文档自动转换
  10. matlab特定颜色提取
  11. Android uni app原生插件页面全屏Activity的键盘档住输入框或弹起键盘跳动问题
  12. C#中Chart控件的一些由浅至深的理解
  13. IC学习笔记3——异步FIFO
  14. java毕业设计SEOUL设计师品牌代购商城Mybatis+系统+数据库+调试部署
  15. 纯国产的大佬周志华,如何扛起了智能学界的一面大旗
  16. 记一次Android视频播放器开发
  17. Ubuntu 20.04.3 LTS安装rabbitvcs svn图形化客户端和简单实用
  18. java 微信抽奖_微信随机生成红包金额算法java版
  19. redash 上写 mongodb 查询语句 语法
  20. 遗传算法(matlab)

热门文章

  1. 解决只读模式U盘保护格式化或者dd写报错:ERROR: failed to open ‘/dev/sdb‘ in read-write mode: Read-only file system.
  2. android仿YY直播间侧滑清屏功能
  3. HCI 电脑串口工具验证CSR8311初始化
  4. slurm安装配置_Slurm任务调度系统部署和测试(源码)(1)
  5. 感谢有你,一路相随 !
  6. uniapp本地存储(uni.setStorageSync和uni.setStorage)
  7. 我想到了一个站长赚钱的捷径
  8. 【项目实战】Java 开发 Kafka 生产者
  9. java版CRC16计算redis的key槽点
  10. Unity Ugui 优化 DrawCall