單個或多個並排區塊寬度總和未滿一列12個單位寬時，就需要設定安排區塊水平居中的狀態，【.text-center】是讓區塊內的圖文內容水平居中於區塊內，而區塊的水平居中安排分為單個與多個並排二種狀態，設定與安排也有所不同。
1.單個區塊水平居中-使用【.mx-auto】
在Bootstrap 4之中，

藝文

創作

觀點

藉由Animate CC製作網頁上的動畫，並發佈成HTML5+CANVAS+JAVASCRIPT格式，已是最有效率設計製作專業網頁動畫效果的方式，筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧，歡迎一起讓網頁上的內容動起來!

哩老師的沙龍

Bootstrap 4 版面區塊內容水平居中

Bootstrap 內建了以響應式、行動裝置優先的柵格系統（Bootstrap Grid System，又稱網格系統），隨著螢幕尺寸的增加，系統會自動分為最多 12 列。我們只要透過行（row）與列（column）的組合，便能建立好網頁佈局，再將內容放入這些建立好的佈局中，呈現出我們想要的外觀設計。

職場產業

Bootstrap 4 柵格系統(使用Dreamweaver設定)

在Dreamweaver 中要根據 Bootstrap 架構建立 HTML 檔案，可以選擇全新建立一組有著 Bootstrap 架構的檔案，或直接使用現有的檔案來修改。例如在Dreamweaver 中建立檔案後，使用【插入】面板加入 Bootstrap 組件，如收合式面板和導覽列等。
1.新增一個空

在 Dreamweaver CC 中建立 Bootstrap 4 頁面

Bootstrap 4+Dreamweaver CC 是設計製作響應式網頁的絕佳解決方案，尤其是讓非程式開發人員的網頁設計師，也可以獨力完成專業響應式網頁的好方法，讓Dreamweaver CC打好你的響應式網業基礎~

基礎架構應用

Bootstrap 4 製作響應式網頁

討論區

健康與情感

文化生活

遮色片動畫

動畫基礎

動畫素材準備

動畫效果

導引線動畫

移動補間動畫

javaScript互動

Animate CC 網頁動畫與JS互動

哩老師喀好 多媒體設計教學

遮色片應用

去背合成

影像效果

工具與應用

色版應用

濾鏡應用

Photoshop CC 影像視覺設計

路徑管理員繪圖

漸層繪圖

3D效果繪圖

Illustrator CC 向量繪圖與

網頁編輯應用

CSS應用

基礎javaScript應用

PHP資料庫

Dreamweaver CC網頁設計應用

Bootstrap 4 製作響應式網頁

目前尚無內容