Container是Bootstrap的主要容器類別，它必須包住要呈現的網頁內容。
Container分為二種
1. 依裝置可視範圍來決定寬度的RWD Container
將<div class=”container”></div>加入原有的Code
將會呈現如下的版面
2. 填滿所有可視範圍的Container
將<div class=”container-fluid”></div>加入原有的Code
將會呈現如下的版面
各位可以很明顯地看出二者之間的差異，要使用哪種端看最後的應用而定。
20180305
輕輕鬆鬆學習Bootstrap v-4.0 - Lesson 2: Container Class
20180301
輕輕鬆鬆學習Bootstrap v-4.0 - Lesson 1: 取得Bootstrap，並建立第一個頁面
前言
Bootstrap是由Twitter所開發的網頁前端架構，目前最新的版本到達了4.0。本教程將以最簡單、最直接的方式，教導各位學習Bootstrap。
取得Bootstrap
1. 首先連上Bootstrap的網站http://getbootstrap.com。並點擊[Download]進入下載頁面
2. MaxCDN很佛心地提供了編譯後的Bootstrap供大家使用，如果各位只是學習用的話，可以利用BootstrapCDN直接嵌入自己的網頁中，方便學習。
在這邊我們會直接使用BootstrapCDN
(若是Production環境，不願意使用他人提供的CDN或是自己已有CDN服務，可以下載「Compiled CSS and JS」
3. 用自己喜歡的文字編輯器開啟一個新檔案，名叫「lesson1.html」，並輸入以下文字
4. 再來加入BootstrapCDN提供的Bootstrap的CSS, JavaScript (順序不可調換)
懶得打那麼複雜，也可以從第2步的網頁上複製
CSS要放在<head>標籤中
JS則是放在<body>標籤的最下方，Popper.js, jQuery.js必須放在bootstrap.js前方
5. Bootstrap必備標籤
6. 在頁面中加個按鈕試試
7. 打開「lesson1.html」。恭喜您，您的第一個Bootstrap頁面誕生了
訂閱：
文章 (Atom)