[英]Twitter-Bootstrap in Rails 3.2.3
有人在生产中使用过Twitter Bootstrap并部署了应用程序吗? 你能指导我一些资源吗? 我看过railscasts,但是否有博客提供详细说明。 除twitter bootstrap之外,前端还有其他选择吗? 此外,是否有任何javascript选项?
我很喜欢从Ruby来源阅读以下文章:
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感兴趣。 骨干网是一种将HTML DOM与数据(来自Rails)链接的方法,非常适合单页应用程序,该应用程序每次执行任何操作都不需要刷新页面。 学习骨干的一个很好的起点是Code School的《骨干解剖》教程。 巧合的是,Code School还提供了许多您可能喜欢的其他课程。
要将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
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 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
。 或者,您可以在此处下载已编译的框架。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.