加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

rails twitter-bootstrap-rails

发布时间:2020-12-17 21:13:07 所属栏目:安全 来源:网络整理
导读:1、首先安装 ? gem 'twitter-bootstrap-rails' ,运行bundle install 2、初始化 rails generate bootstrap:install less 生成assets/stylesheet/sbootstrap_and_overrides.css.less文件 此时需要安装 gem "less-rails" .该文件中引入了插件提供的大量的less

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文件了

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读