twitter-bootstrap-rails gem工作流程

Ada*_*amT 11 css layout ruby-on-rails ruby-on-rails-3 twitter-bootstrap

如何在我的Rails 3.2.1应用程序中使用twitter-bootstrap-rails gem?什么是工作流程?

我这样做之后:

rails g bootstrap:layout [LAYOUT_NAME] [*?xed or ?uid] [options]
Run Code Online (Sandbox Code Playgroud)

我接下来该怎么办?我只是将生成的代码复制并粘贴到我的视图中吗?我是否为每个视图都这样做?如果是这样,怎么做

rails g bootstrap:themed [RESOURCE_NAME] [LAYOUT] [options]
Run Code Online (Sandbox Code Playgroud)

有什么不同?

你们甚至使用轨道发电​​机吗?

谢谢

Sey*_*rek 46

我是twitter-bootstrap-rails gem的作者.我将给你一个快速的步骤,了解如何安装和使用twitter-bootstrap-rails.

Ruby堆栈; (Ruby 1.9.3,Rails 3.1或Rails 3.2是必需的.使用RVM开始)

将gem捆绑到Gemfile之后;

gem 'twitter-bootstrap-rails'

bundle install
Run Code Online (Sandbox Code Playgroud)

运行安装生成器

rails g bootstrap:install
Run Code Online (Sandbox Code Playgroud)

(它将包括Twitter Bootstrap到您应用的资产管道)

运行布局生成器

rails g bootstrap:layout application fixed
Run Code Online (Sandbox Code Playgroud)

(它将为您生成布局,默认情况下application.html.erb将生成固定布局)

运行主题发电机(可选);

rails g scaffold post title:string description:text
Run Code Online (Sandbox Code Playgroud)

(此步骤使用Rails生成器为您创建CRUD内容)

rake db:migrate
Run Code Online (Sandbox Code Playgroud)

(迁移到数据库)

rails g bootstrap:themed posts
Run Code Online (Sandbox Code Playgroud)

(适用于"帖子"视图和表单的Twitter Bootstrap兼容样式)

还有详细的文档安装,使用和生成器,coffeescript等 https://github.com/seyhunak/twitter-bootstrap-rails.

  • 我完全按照这个步骤完成了一个新的rails应用程序,我开始只是为了测试这些花哨的东西.猜猜看......它完美无缺!我喜欢它,当简单的逐步说明实际上带您进入实时,工作的设置.谢谢Seyhun! (2认同)

Cli*_*ing 4

有一个 RailsCasts 教程是一个很好的起点:

http://railscasts.com/episodes/328-twitter-bootstrap-basics