Twitter-Bootstrap in Rails 3.2.3

Twitter-Bootstrap in Rails 3.2.3

本文关键字：Rails in Twitter-Bootstrap      更新时间：2023-09-26

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

我喜欢

阅读Ruby Source的这篇文章：

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

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

如果你真的对构建Rails应用程序的前端感兴趣，你可能对Backbone.js感兴趣。Backbone是一种将HTML DOM与数据（来自Rails）链接起来的方法，非常适合不需要每次执行任何操作时都刷新页面的单页应用程序。学习骨干的一个很好的起点是代码学校的骨干剖析教程。巧合的是，代码学校还提供许多其他您可能喜欢的课程。

要将 CSS 和 JavaScript 链接到视图，您可以使用资产标签帮助程序。

举个例子： 

<%= 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 中使用样式表类和 id。 例如，分叉Twitter引导程序的按钮看起来像

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

您将使用 URL 帮助程序：

<%= 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。 或者，您可以在此处下载已编译的框架。

相关文章：