本系列根據教材課程需要進行 Bootstrap 套件的教學文章,在接觸 Bootstrap 之前需要擁有一定的 HTML5/CSS3 觀念,才能理解 Bootstrap 的原理應用以及調整技巧,如果你另具備了 JS/JQ 的開發能力,那更方便進一步的使用並控制這些 Bootstrap 套件工具。筆者這裡 Boostrap 的系列文章都來自官方本身提供的 Document 教學資料重新進行重新解析與翻譯重組解釋(也包含閹割一些覺得非必要的資訊),如果你擁有有足夠的能力可直接閱讀官方手冊並動手實作就不需要特地參閱已整理過的中文 BS 教學,動手跟著官方文件做操作練習才是最佳的經驗累積。

本篇一開始會介紹基本安裝環境,接著先介紹核心的版面規劃(將牽扯到 Grid 與 flexbox)。

閱讀全文 »