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 (large desktops, 1200px and up) 不夠用怎麼辦，老闆拿曲面螢幕打電動，要求公司官網要在他的螢幕上也完美呈現。
要馬就是不小心（手滑）弄壞老闆螢幕，要馬就是在 Bootstrap 多設更大一階的螢幕尺吋。不過這種長寬比差異太大的 RWD 版面要做得漂亮很有挑戰性啊！如果老闆又戴了支高階智慧型手錶...（遮臉）
話說回來，現在走前端路線的壓力真大，iOS、Android 起碼是一年更一次，前端都快半年刷新一次技術了。而且瀏覽器千百種尺寸就算了，還有「圓型」這玩意就覺得要命...
Bootstrap 是一個以CSS & Javascript 打造的前端框架，讓你用最少的code 快速打造響應式與行動優先的網站。你知道它迎來一個全新的改版了嗎？ bootstrap 5差異在ptt上的 ... ... <看更多>
Bootstrap 是一個以CSS & Javascript 打造的前端框架，讓你用最少的code 快速打造響應式與行動優先的網站。你知道它迎來一個全新的改版了嗎？ bootstrap 5差異在ptt上的 ... ... <看更多>
bootstrap 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
... <看更多>