iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 15
1
Modern Web

CSS 實戰心法系列 第 15

為什麼 Boostrap (這篇很短~)

  • 分享至 

  • xImage
  •  

Bootstrap 是目前主流的 CSS 框架,先前也有提到,在起初我是很不喜歡 Bootstrap 的框架,認為他搶走我大部分的工作且缺乏特色,但在研究後會發現他並非我想的那麼缺乏特色,完全看開發者的使用及熟練度。

我們也可以看到網路上有相當多的 HTML Template 都做的非常美,但其實底層都是 Bootstrap,有些已經調整得相當不像是原有的 Bootstrap 樣式。所以在熟練的情況下,Bootstrap 也是能做出超乎水平的網頁版型。

Bootstrap 哪裡好用

通常來說,後端會比前端開發者更喜歡 Bootstrap,因為以下徵狀會是想用 Bootstrap 的起因:

  • 覺得 float 超難搞定
  • 希望不要花那麼多時間在美編上
  • 不想花太多時間學習主要技術以外的內容
  • RWD 真心難搞
  • 過去的經驗...
    • 使用冷門框架找不到相依套件
    • 自幹框架真心不如 Bootstrap (泣)

對於熟悉 CSS 的網頁設計師來說,到會覺得自己就能解決這樣的狀況,所以 Bootstrap 在起初就不認為那麼的必要,但對於大型網站、系統來說,自己寫 CSS 也會產生幾個問題:

  • 持續性的維護:架構是否良好將影響 CSS 是否好維護
  • 套件的使用:再引用其他第三方套件時,是否能夠依據需求調整 CSS 符合風格 (很多套件相容於 Bootstrap)。
  • 對於 CSS 的熟練度

Bootstrap 令人喜愛的地方

Bootstrap 不能算是具有特色的前端框架,但也就和 jQuery 一樣好上手,在框架裡沒有太多浮誇的效果,大多是基於 HTML 規範去做樣式的調整。也因為如此,大多略有經驗的開發者僅需看過文件就能學會如何使用。解決問題如下:

  • 不需要重頭開始寫
  • 降低學習曲線
  • 開源框架,Bug 少
  • 延伸插件多
  • 快速自定義

本篇系列作要介紹什麼

Bootstrap 本身在使用上難度並不高,就基於元件如何使用官方文件上介紹以非常完整,本篇會開始會介紹 Bootstrap 的進階使用及設計模式去介紹,讓 Bootstrap 可以依據專案需求去做調整及延伸(Bootstrap 甚至能作為大型開發專案的基底)。


上一篇
Gulp - Webserver
下一篇
將 Bootstrap 導入自動化流程
系列文
CSS 實戰心法30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言