快速建立RWD網頁 Bootstrap 套件-準備篇

距離上一篇文章已經過了好長一段時間，終於繼續寫了第二篇文章(掩面
對於剛開始使用Bootstrap的使用者來說，如何開始建構網站才是最關鍵的第一步，
首先請先到bootstrap官方網站下載套件，https://getbootstrap.com/

1.檔案下載

目前的版本有3x版跟4x版，我們以4X版為例，請到以下的官方網址下載檔案
https://getbootstrap.com/docs/4.0/getting-started/download/

選擇 Compiled CSS and JS 項目的Download下載bootstrap-4.0.0-dist.zip

2.資料夾結構

一般網站的資料夾結構都是依團隊與後台的語法習慣命名，例如微軟ASP.NET的網站web form或是MVC的建構資料夾定義的位置就會有差異，除了ASP.NET之外，PHP也是會依套件或製作的習慣而有不同的資料夾定義規則。
但如果是以初學者來說，我們就先以基本的方式建立，舉例來說

web/
        css
        js
        images
        index.html

這是一個基本的網站架構，有些Team的寫法會是這樣

web/
         catch/
                     css
                     js
                     images
         index.html

也或者是以下的結構

web/
         content/
                     css
                     js
                     images
         index.html

所以網站的資料夾結構，不會大家都一樣，但是少會有資料夾層級的規則。

3.如果建構第一個Bootstrap網站

當你已經解壓縮檔案之後，就可以先建立一個web的資料夾，我們必須先把Bootstrap的資料夾複製到web資料夾中，例如：

web/
        css
        js

接下來再繼續新增images的資料夾即可，請參考以下資料結構

web/
        css
        js
        images

這樣就可以完成網站建立的前置工作了。