使用 Bootstrap 建置雛型網站 2
前文 <使用 Bootstrap 建置雛型網站> 可以逐步完成一個具功能性的雛型網站，但若想要進一步改變外觀主題，也就想更換 template, style, theme <--- 這裡指的都是同一件事，以下都稱 Theme。
按前文的精神，希望找到一個方法，可以不需要依賴網頁設計師，也可以自行做到。
從 LayoutIt 建置完成的網頁外觀只有一款，如下圖
不過，倒是從網路上可以搜尋到許多提供免費 Theme，例如：Bootswatch
兩者結合起來，這不就挺歡樂的囉!! 結果這麼一試後，大部份的人通常是會下一跳吧…
說明一下，LayoutIt 是產生的網頁 (html, css) 檔案是屬於 Bootstrap v2.3.1 版本，但 Bootstrap 最新的版本是 V3.0.1，這兩個版本差異很大，要更換 Theme 最好找到也是 V2 css，例如：
Bootswatch 第 2 版 http://bootswatch.com/2/
不過，若找到 V3 的 CSS 檔案的話，也可以嘗試將 LayoutIt 的網頁透過工具升級到 V3.0.1，
現在網路上所提供的 Bootstrap Theme 大部分是 V3.0.1，因此會比較建議將 html 檔案進行升級，再到範本提供的網站，下載 bootstrap.min.css 檔案後，儲存覆蓋再 css 目錄下。
整理一下，操作步驟：
Bootstrap 2 升級至 3 的線上工具
按前文的精神，希望找到一個方法，可以不需要依賴網頁設計師，也可以自行做到。
從 LayoutIt 建置完成的網頁外觀只有一款，如下圖
不過，倒是從網路上可以搜尋到許多提供免費 Theme，例如：Bootswatch
兩者結合起來，這不就挺歡樂的囉!! 結果這麼一試後，大部份的人通常是會下一跳吧…
說明一下，LayoutIt 是產生的網頁 (html, css) 檔案是屬於 Bootstrap v2.3.1 版本，但 Bootstrap 最新的版本是 V3.0.1，這兩個版本差異很大，要更換 Theme 最好找到也是 V2 css，例如：
Bootswatch 第 2 版 http://bootswatch.com/2/
不過，若找到 V3 的 CSS 檔案的話，也可以嘗試將 LayoutIt 的網頁透過工具升級到 V3.0.1，
現在網路上所提供的 Bootstrap Theme 大部分是 V3.0.1，因此會比較建議將 html 檔案進行升級，再到範本提供的網站，下載 bootstrap.min.css 檔案後，儲存覆蓋再 css 目錄下。
整理一下，操作步驟：
- 從 LayoutIt 產生完整網站檔案
- 到 Bootply Migration Tool 將 html 升級至 V3.0.1
- 到 Bootswatch下載 Theme (V3.0.1)
參考資源
Bootstrap 2/3 版本比較表Bootstrap 2 升級至 3 的線上工具