Search
在 Ray Xu 及助教團的幫忙下
六角的 Bootstrap 5 中文版翻譯完成！
也透過翻譯及提早引入實戰
Ray 也幫大家把 v5 及 v4 版本的主要差異通通列出來
如果你是使用 v4，想知道如何快速轉 v5，看這份準沒錯
重點摘要：
- 捨棄 IE，jQuery 掰掰
- right, left 消失！通通改用 start, end
- data 屬性的調整，一律補上 data-bs-*
- 新增中斷點，尺碼比衣服還多樣
- 表單、格線多樣化
文章連結：
https://hsiangfeng.github.io/css/20210205/1934188738/
Bootstrap 5 Beta 上線！！（距離正式版不遠惹）
現在官網 v4 文件也直接替換成 v5 Beta 的版本
近期導入的感想如下：
- 去除 jQuery，JS 導入的方式與過去差異很大
- 超棒的 grid 設計概念
- 更豐富的表單設計元件
- 更具有彈性的 utilities 變數設計
- 更多的 Utilities，許多元件不再有自己的間距、配色
（某方面來說，會顯得稍微不便）
已經升級為 beta1 的官方文件
https://getbootstrap.com/
Bootstrap 5 的格線設計原理
https://wcc723.github.io/development/2020/10/10/bootstrap-5-grid-whats-new/
另外，先前的 Bootstrap 4 文件
我們也會盡快更新至 Bootstrap 5 的版本喔～
⚡Bootstrap 4 正式版公布 ⚡
如預期的在 Beta 3 結束後就會進入正式版
接下來我們也會盡快的將 "文件" 更新到 v4
課程的部分當然也會持續更新，所以不用擔心喔
官方說明：http://blog.getbootstrap.com/2018/01/18/bootstrap-4/
實際的版本細節說明
會在中文文件更新後一起釋出給大家 😎
題外話，如何學習 Bootstrap：
- 如果你沒有使用過先前的版本
會建議從 "元件、Grid" 章節開始閱讀
跟著文件範例打一次
對於整個概念有基礎後再來閱讀 Utilities 章節
- 如果你對先前版本很熟悉的
可以直接閱讀 Utilities 章節
尤其是 Flex 的運用
因為整個 Bootstrap 4 元件幾乎都是使用 Flex
熟悉 Flex 及 Utilities 的運用
才能了解與先前版本的差異及優勢
#Bootstrap
#BootstrapV4
這一篇將會來介紹Bootstrap 4 更新成Bootstrap 5 有什麼樣的變化。 ... <看更多>
想知道Bootstrap 4 與Bootstrap 5 的差異？那麼你可以參考我下午寫的這一篇。 (腦闆我沒偷懶哦~） https://hsiangfeng.github.io/css/20210205/1934188738/ #裡面滿多 ... ... <看更多>
bootstrap 4 5差異 在 [問題] Bootstrap初心者疑問- 看板Web_Design - 批踢踢實業坊 的推薦與評價
各位板友大家好，
小弟最近在學習Bootstrap，
自己購買了一本繁中的書籍，
希望藉由書籍的整理能快速吸收。
(松崗-前端&行動 網頁設計速成班)
其中，操作「到Bootstrap官網下載檔案解壓」的階段時，
發現我解壓縮的檔案只有css及js資料夾(也沒有bootstrap-theme.css)，
但書內說明是有fonts資料夾及bootstrap-theme.css檔案，
且書內範例也包含上述所說的文件。
開啟bootstrap-theme.css後發現該版本為Bootstrap v3.3.5,
不曉得是否是4.0和3.3.5的差異呢?
還是其實我抓錯壓縮包了@@
懇請板上先進不吝指導，謝謝。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 122.116.193.176
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1506485440.A.AF1.html
... <看更多>