当前位置:首页 > 开发 > 编程语言 > Ruby > 正文

在rails3项目中使用twitter-bootstrap-rails

发表于: 2012-08-07   作者:dearjohn   来源:转载   浏览次数:
摘要: 阅读文章之前,确保你已经了解了twitter-bootstrap-rails,在这里: https://github.com/seyhunak/twitter-bootstrap-rails     基本步骤 在railscasts中有视频:http://railscasts.com/episodes/328-twitter-bootstrap-basics &nbs

阅读文章之前,确保你已经了解了twitter-bootstrap-rails,在这里:https://github.com/seyhunak/twitter-bootstrap-rails

 

 

基本步骤

在railscasts中有视频:http://railscasts.com/episodes/328-twitter-bootstrap-basics

 

说说步骤:

1.新建rails项目 rails new demo

2.修改gemfile文件 添加 gem 'twitter-bootstrap-rails'

3.运行bundle,加载所有的gem

4.进行自己的项目,比如,这里我们创建一个脚手架 rails g scaffold post title:string content:text --skip-stylesheets(因为我们要用自己的风格)

5.rake db:migrate

6.安装twitter-bootstrap-rails,命令:rails g bootstrap:install

7.使用全局的bootstrap:rails g bootstrap:layout application fixed(我们使用这种布局)

8.对某个action使用主题: rails g bootstrap:themed post -f(表示强制使用)

 

到这里,基本上就完成了twitter-bootstrap-rails的使用

 

 

使用flash

下面,说说在twitter-bootstrap-rails上使用flash的功能

付费视频在这里:http://railscasts.com/episodes/329-more-on-twitter-bootstrap

我自己也没看,等RoR学的差不多了,再去买,railscasts真心做的很不错,瑞恩真心牛逼啊

说说我自己找到的方法吧

 

1.找到application. html.erb在layout下面,这也就是我们上面创建的全局模板,

2.找到container这个class

在其内部添加这段代码

    <% flash.each do |name, msg| %>

      <div class="alert alert-<%= name == :notice ? "success" : "error" %>">

        <a class="close" data-dismiss="alert">×</a>

        <%= msg %>

      </div>

    <% end %>

    保存,并刷新页面,就可以看到flash信息了。

在rails3项目中使用twitter-bootstrap-rails

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
环境:ruby 1.9.3p0, rails3.2.6 1.到官方网站下载highcharts.js http://www.highcharts.com/downl
开发环境说明: win7 vs2012 coco2d-x 3.0 alpha1 cocos2d-x 3.0 alpha 1搭配CocoStudio使用,效果
(此文章同时发表在本人微信公众号“dotNET每日精华文章”,欢迎右边二维码来关注。) 题记:由于在A
在当前的web应用中,尤其是互动概念越来越大行其道的今天,为了加快网站的反应速度,提高用户体验,
接着上篇文章,这次我们使用twitter-bootstrap-rails,Bootstrap是一个能够进行 网站开发的工具包。
环境: ruby 1.9.3 rails 3.2.8 1.如何在rails中使用漂亮的日期控件 创建工程,简单的步骤,还是记
rails3项目解析之2——rails基础 rails3项目解析之3——redis 用rails3做目前的这个网站项目,已经有
上一篇:rails3项目解析之3——redis 在当前的web应用中,尤其是互动概念越来越大行其道的今天,为了
上一篇:rails3项目解析之4——异步和定时任务 序:本来不想写这篇,我知道在rails界,大家一直都是
上一篇:rails3项目解析之3——redis 下一篇:rails3项目解析之5——rails on windows 在当前的web
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号