[ruby]Rails中使用bootstrap

标签: bootstrap rails
1903人阅读 评论(1) 收藏 举报
分类:

1.新建rails工程

$ rails new stu
$ cd stu
$ bundle install
$ rails server

2.创建手脚架

$  rails g scaffold Student name:text score:decimal description:text

3. 生成数据库

$ rake db:create
$ rake db:migrate
$ rails server

4. 修改默认首页

打开config/routes.rb,加入:

$ root 'students#index'
$ rails server

5. 添加数据后

这里写图片描述

6.Gemfile中加入下面代码

gem "therubyracer"
gem "less-rails" #Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS
gem "twitter-bootstrap-rails"

7.运行bundle install

$ bundle install

8.将Bootstrap加到assets:

$ rails generate bootstrap:install

9.创建布局文件

$ rails g bootstrap:layout

10. 创建视图文件

$ rails g bootstrap:themed Students

11. 重启刷新

这里写图片描述

查看评论

Rails中Bootstrap的安装和使用

眼看着前端攻城师们都开始使用Bootstrap创作网页,于是也想学着在最近正在学习的Rails中使用Bootstrap。 具体安装使用过程如下: 1、创建Rails工程 rails new us...
  • lissdy
  • lissdy
  • 2013-06-28 12:27:35
  • 11854

Rails 5中使用Bootstrap

首先在Gemfile文件中添加:gem 'bootstrap-sass', '3.3.6'然后执行bundle install接下来,在css文件中加入两行代码:@import "bootstr...
  • LUOYEGUFEI129
  • LUOYEGUFEI129
  • 2016-12-08 11:53:36
  • 1072

rails 直接使用bootstrap模板

在 这里,你可以很快看到 Bootstrap 的模样了。接下来的章节里,我们将按照这个样子,设计我们的 shop。 rails new shop 好的,我们给它添加个几个 gem。 gem "...
  • sulong507
  • sulong507
  • 2016-08-26 15:41:01
  • 488

Ruby——在Rails上使用Bootstrap

首先, Download Bootstrap Copy: bootstrap/dist/css/bootstrap.css and bootstrap/dist/css/boo...
  • firefist_wei
  • firefist_wei
  • 2015-01-23 12:18:04
  • 1097

Rails项目中,快速增加bootstrap的流程

我使用的场景是 Rails 3.2.6 1, 增加Gem # Bootstrap gem 'anjlab-bootstrap-rails', '>= 2.1', :require =>...
  • hexudong08
  • hexudong08
  • 2012-09-07 21:20:15
  • 2029

Sass学习之快速上手bootstrap-sass

Sass学习之快速上手bootstrap-sass
  • Willerfu
  • Willerfu
  • 2016-06-22 15:33:16
  • 5056

Ruby 获取当前执行文件所在路径 ; ruby获取当前路径

require ‘pathname’   #获得当前执行文件的完整路径 puts Pathname.new(__FILE__).realpath #获得当前执行文件的目录完整路径 ...
  • beiquandeng
  • beiquandeng
  • 2012-12-26 17:26:41
  • 2698

解决bootstrap路径问题

  • 2011年04月16日 19:18
  • 26KB
  • 下载

[ruby]Rails中使用bootstrap

1.新建rails工程 $ rails new stu $ cd stu $ bundle install $ rails server 2.创建手脚架 $ rails g scaffold S...
  • napoay
  • napoay
  • 2015-12-03 21:51:20
  • 1903

一款MVC5+EF+Bootstrap搭建的后台通用管理系统模板

最近闲来无事,就用MVC5+EF+Bootstrap搭建了一个通用的后台管理系统的模板,里面使用到的技术包括: MVC,EF,T4模板批量生成 Jquery,jqGrid Bootstrap DDD ...
  • allenwdj
  • allenwdj
  • 2015-10-15 17:21:33
  • 37050
    StackOverFlow
    http://stackoverflow.com/users/6526424
    统计
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 101万+
    积分: 9689
    排名: 2301
    博客专栏
    最新评论