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。