Bootstrap 4 Blog練習手冊

Ray 2018/10/20 event

Bootstrap 是目前最主流的 CSS 框架,由於他包含了大量的元件以及具有良好的架構,在實際運用及擴增也都是非常容易,也越來越多開發者協同一起開發 (Github 上有超過 10 萬個 Star)。如今第四版 Beta (Bootstrap 4 Beta) 也在 2017/8/10 釋出,我們先來看看他有什麼樣的改變吧!

Bootstrap 4 的特色

Bootstrap 4 Beta 經過了 Alpha 六個版本的歷練,重新翻修了大量元件以及加入許多新的元素,如果你沒有用過 Alpha 的任何版本,提供了以下摘要讓您快速了解第四版有什麼新新聞:

  • 從 Less 到 Sass: 自從 Sass 不在只能使用 Ruby 編譯後,Libsass 有更快的編譯效率,加上 Sass 本身具有龐大的開發社群,所以 Bootstrap 從 Less 改用 Sass 囉!
  • Flexbox 以及強化的網格系統: 網格系統不在使用 float,進而改用 flexbox,讓行動裝置及桌面裝置有更彈性的排版方法。
  • 卡片元件: 許多元件本質相似度較高,如 wellsthumbnailspanels 等等,這些元件被捨棄掉,取而代之的則是卡片元件,不僅可以完成上述元件的功能,且運作的更為美好。
  • 彈性更高的變數: 以往的樣式都是固定的名稱、色彩,透過 Sass $map 變數可以更有彈性的調整、新增、減少不同的品牌色彩、陰影等視覺效果。
  • IE8、IE9 掰掰: 放棄舊有的瀏覽器支持,讓元件的使用及開發上更為容易,如果還是考慮支援 IE8/IE9、 Safari 8-、 iOS 8- 可以繼續使用 Bootstrap 3。
  • 重新設計說明文件: 新的文件重新設計了,並且加入一些插件讓搜尋上更為容易!
  • 更多的改變: 重新設計更多更多的樣式,像是自由套色的導覽列、HTML5 的驗證樣式、嶄新的輪播以及許多的元件

繁體中文手冊

加入了這麼多新功能,如果從頭開始了解原文版本也需要花上不少時間,於是六角學院從兩個月前開始著手翻譯,在正式釋出 Beta 版後的兩個工作日釋出繁體中文手冊,讓對於 Bootstrap 有需求的同學可以加速上手~

Bootstrap 4 繁體中文手冊

如果你期待六角學院的 Bootstrap 相關課程,也可以透過以下連結或加入我們的LINE,等待課程釋出的同時也會通知您喔!

留言回覆
Generic placeholder image
Ray
Generic placeholder image
HI,Ray
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Generic placeholder image
HI,Ray
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Generic placeholder image
HI,Ray
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.