Liz's Blog

CSS/SCSS#1:HTML5 & CSS3套版

| Comments

在執行嘉鼎資本投資事業管理術專案時,考慮到沒有前端設計師資源的情況下,所以採用HTML5 UPCC授權的方式,利用套版的方式,以微調的方式修改網頁設計,以下是如何套版的紀錄。

  1. 我當初採用的是HTML5 UP中Twenty的設計,將其檔案整包下載下來。

  2. 將裡面Main.css複製到Rails專案內app/stylesheets資料夾之下。

  3. 打開app/stylesheets/application.css.scss檔案

    app/stylesheets/application.css.scss
    @import "main";
    

【延伸閱讀】

  1. GemGem大亂鬥#1:Bootstrap
  2. Bootstrap#1:導覽列Navigation Bar
  3. Bootstrap#2:Responsive Table 響應式表格
  4. Bootstrap#3:Responsive Image 響應式圖片

Comments

comments powered by Disqus