iT邦幫忙

DAY 23
2

快寫HTML靜態網頁系列 第 20

選用 Bootstrap 框架協助加速前端開發

  • 分享至 

  • xImage
  •  

在眾多 CSS 框架裡,
Bootstrap 在網頁程式開發的環境裡,
可能是簡潔又易用的前端框架工具。
此框架最早是以 Twitter Bootstrap 為名,
而後不曉得到第幾版的時候,
名稱才只以 Bootstrap 為名稱。

為何選用 Bootstrap?
易用,是吸引人入手上手的重要因子,
易用不見得代表簡單,新手可能用這框架,
做起來的看起來覺得都似曾相似,
雖然相似但優雅而簡潔的樣式,
不是網頁設計的專職,
卻也能看起來很專業似的樣貌。

持續更新,可以把適合現行的潮流和需要,
做適當的功能或使用方式做調整,
像2.x版到3.0.0版之間,有許多的變動。

完全與瀏覽器與裝置相容,
從2.0版開始,
在佈局方面就考量到RWD的需要。

很多網站使用,並不會因為多而覺得是缺點,
反而可以從別人實際的應用及變化,
而有更多的相關啟發。

與jQuery配合運作得很完美,
像裡面一些需要用javascript的特效,
透過jQuery而更快實現出來。

接下來的幾篇,
將用 Bootstrap 來快寫美化網頁。

系列文章列表


上一篇
用 ez-css 輕量框架快速佈局
下一篇
使用 Bootstrap 佈局網頁
系列文
快寫HTML靜態網頁27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
老鷹(eagle)
iT邦高手 1 級 ‧ 2013-10-08 23:13:16

筆記沙發

小弟還是用2.X版
而且只會用基本功能而已!Orz

快快改用3.0吧!
一些常用的 class 的名稱都變了。
我的美化程度的要求很低很低,
基本的功能做出的效果,
對我來說就很滿意了…
而且對那美化要求較高的人,
基本的功能做出來的也都過關…

我要留言

立即登入留言