[090]Bootstraps#Ruby on rails#Ed

今天主要是結合昨晚bootstrap與Rails實作的合併，今天在做一此整個流程的整理，

從頭開始，

1.創一個new rails app

2.在gem file中，加入bootstap相關的gem，且輸入bundle install

3.更改application.css——>application.css.scss，且在此file內，@import bootstrap相關指令，然後bundle install

4. 接著是介面的部分，主要分為navbar,footer,body分個部分，前兩項可在view/application.html.erb中paste，navbar and footer的code，在另外創建的controller startup中，在建立一個放body的code

5.放完三個部分的code後，呈現一個只有html的介面，但沒經過CSS的修飾，接著去裡面找尋可以修飾的css，像是css/bootstraps/xx等等，但重要的是得在原先的網站複製網址，再貼到css/bootstraps/xx，最後變成ooxxx/css/bootstraps/xx，再去重整頁面即可

7.接著我想保有原來的navbar 與footer部份，把body換成我想要的edit profile介面，因此我就把edit_profile.html貼到startup裡，經過重整後，發現可以run，但是在接近nabber附近，會有字的重疊，但還算可以跑。

8.接著應該就是把html的語法改成rails的，這樣資料才可以存取，整個版面也比較乾淨

9.上傳到github中：https://github.com/YenKang/bootstrap-embedded-on-rails/tree/master/bootstrap1