2. 免費bootstrap樣板

1. Start Bootstrap 
2. 下載至 「C:\my_xoops\www\themes」
3. http://campus-xoops.tn.edu.tw/modules/tad_uploader/index.php?of_cat_sn=18
4. 解壓縮並更改資料資料夾名稱「u_creative」
5. 將「index.html」更改成「theme.html」
6. 調整佈景
7. 線上圖片編輯：https://pixlr.com/editor/
8. 免費圖片 Unsplash 
9. 調整圖片 1900 x 1267
10. 輪播圖套件 backstretch 

    <header class="header">
    

     

    <script src="js/backstretch/jquery.backstretch.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $('.header').backstretch([
    "img/header.jpg"
    , "img/header1.jpg"
    , "img/header2.jpg"
    ], {duration: 3000, fade: 750});
    });
    </script>