Rails中的Twitter-Bootstrap 3.2.3

Question

有没有人在生产中使用twitter引导和部署应用程序？你能指导我一些资源吗？我看了railscasts，但是如果有任何博客给出详细的解释。除了twitter引导之外，还有其他任何前端选项吗？另外，有没有JavaScript的选项？

Answer 1

我喜欢读这种文章从红宝石来源：

http://rubysource.com/twitter-bootstrap-less-and-sass-understanding-your-options-for-rails-3-1/

http://rubysource.com/how-to-customize-twitter-bootstrap%E2%80%99s-design-in-a-rails-app/

此外，如果你只是想自定义TB的外观，检查http://stylebootstrap.info/

这是一个巨大的引导程序扩展名/插件列表： http://www.bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources

Answer 2

这是事情：Bootstrap不是前端。这是通过创建一个体面的起点开始您的网站设计的一种方式。它主要是CSS（well，LESS），并增加了一些可选的JavaScript以增加额外的UI功能。

如果您确实有兴趣构​​建Rails应用的前端，您可能会对Backbone.js感兴趣。 Backbone是一种将HTML DOM与您的数据（来自Rails）关联起来的方式，适用于单页应用程序，每次执行任何操作时都不需要刷新页面。学习Backbone的好起点是Code School的Anatomy of Backbone教程。巧合的是，Code School还提供了许多您可能喜欢的其他课程。

Answer 3

要将CSS和JavaScript链接到您的视图，您可以使用Asset Tag Helpers。

举个例子：

<%= javascript_include_tag "bootstrap" %> 
<%= stylesheet_link_tag "bootstrap" %> 

会产生链接到bootstrap.js和bootstrap.css标签，如果这些是文件的名称。

javascript_include_tag拉动相对于app/assets/javascripts
stylesheet_link_tag脚本如果你想引用一个目录结构的文件（即资产不在上述文件夹的根目录）拉动相对于app/assets/stylesheets

样式表，你可以链接相对于那些根文件夹：

<%= javascript_include_tag "/bootstrap/bootstrap-min" %> 
<%= stylesheet_link_tag "/bootstrap/bootstrap" %> 

这些标签将引用app/assets/javascripts/bootstrap/bootstrap-min.js和app/assets/stylesheets/bootstrap/bootstrap.css。

要应用样式，您可以在bootstrap.css中使用样式表类和标识符。例如，按钮叉Twitter的引导看起来像

<a href="https://github.com/twitter/bootstrap/" 
    class="btn btn-primary btn-large">View project on GitHub</a> 

你会使用一个URL Helper：

<%= link_to "View project on GitHub", 
      "https://github.com/twitter/bootstrap/", 
      :class => "btn btn-primary btn-large" %> 

编辑：

如果您正在寻找在Github上的代码和困惑的.less扩展名，这是因为Bootstrap使用一个名为Less的CSS生成框架。您需要运行make bootstrap并确保您安装了lessc。或者，您可以下载已编译的框架here。