在剛開始學rails前，我先接觸到的就是基本的html和css，以及一點點點的javascript。

開始之後會發現一個簡單的網站做出來其實不難，

可是要好看又好用真的很難，尤其是對於設計完全沒涉獵的我。

還好這時候有bootstrap或是foundation這種東西可以用，

讓不太會寫css的人能夠最少讓網站看起來”正常“一點點。

但如果要做出一個好網站，前端的東西還是得碰的。

可以到官網看：http://getbootstrap.com/

上面有許多教學，這一篇裡面其實很難一一列出來要調整的部分，

所以簡單介紹一下如何在rails裡面使用bootstrap這個框架。

最簡單的方法當然就是直接到官網去下載，再把東西丟進來，

不過每次都這樣做太麻煩了，所以一樣是google一下，

找到別人用過的gem來解決問題。

所以我們將使用bootstrap-rails來完成這件事。

首先先照著readme在gemfile裡面加入

gem 'bootstrap-sass', '~> 3.2.0'

（因為sass-rails已經變成默認的gem了）

再來是將application.css.scss(如果是純css請把它改成scss）裡面import bootstrap的css。

@import "bootstrap-sprockets";
@import "bootstrap";

再來是最後一步，在application.js裡面加入

//= require bootstrap-sprockets

再來就是看著官網上的說明把網站調成自己能接受的樣子啦！

這裡提供一個小小的祕訣，如果你的瀏覽器是chrome而且有裝developer tool的話，

可以直接按右鍵選擇檢視元素，

看一下bootstrap上面的範例是怎樣做出來的，

同時也可以觀察一下bootstrap調整了什麼東西，

幫助自己寫出更有架構的CSS。

參考資料：https://github.com/twbs/bootstrap-sass