Bootstrap教學《Bootstrap資源》Start Bootstrap免費版型

  初期使用bootstrap的人可能會很苦手不知要怎麼下手版型,Google關鍵字「Bootstrap Theme」其實可以找到許多資源網站,一般免費的Theme 網站大都也是提供基礎的配色跟樣式,但那對初學者來說已經很夠用。目前看過最喜歡也最實用的是 Start Bootstrap 這個網站,不但有基本分類而且也有提供 Unstyle 的版型,基本 Layout 都排好了,比如 Single Page、Portfolios、Ecommerce….等,且沒有太多花俏的樣式增加修改的難度;另外此網站還蒐集並整理了其他網路上Bootstrap的資源,有官方資源、免費版型樣式、付費版型樣式、範例網站、jQuery 外掛…等等,非常詳盡且方便。

Start Bootstrap 免費版型:
網站名稱:Start Bootstrap
連結網址:http://startbootstrap.com/

主選單上有幾種分類可以選:
Admin and Dashboard – 適合管理介面 & 統計數據類型
Full Website – 適合全網站
Landing Page – 適合小型活動或額外的說明公告頁
One Page Websites – 一頁式類型
Portfolios – 適合展示作品集類型
Blogs – 部落格文章
Ecommerce – 小型電子商務、購物網站類型
Unstyled Templates – 各式Layout
Navigation & Navbars – 基本選單版型

Full Websites - 整個網站的雛形都有了

Unstyled Templates – 有各式Layout可以選擇,都是基本沒有添加樣式的版型

One Page Websites – 一頁式類型,除了有幾組有完整的theme以外,其他也有基本unstyle的版型

另外到 Buy Bootstrap Templates也可以看到各種付費版型的列表頁面,這些作品都會直接連結到幾個常見的付費版型網頁

比如Wrap Bootstrap,但其實綜合看下來在這裡出現的付費版型也都幾塊~十幾塊美金而已,說真的不貴,換算台幣也不過兩百多到四百多塊左右,而且有些基本架構或動態都已經很完整,事實上買來使用在專案上也很划算。

另一個前面提過這個網站很棒的地方就是資源蒐集的部份,點選Bootstrap Resources List

左邊分類選單
Official Bootstrap Resources - 官方Bootstrap資源
Premium Bootstrap Themes - 付費Bootstrap版型
Free Bootstrap Themes - 免費Bootstrap版型
Bootstrap Showcases - Bootstrap作品網站
Bootstrap Development Tools - 專門為 Bootstrap 開發的各種輔助工具,比如 UI Bootstrap
中優化及改善基本功能;Bootdey、Bootsnipp 提供已經設計完成的片段樣式下載等
Bootstrap UI Extensions - 介面輔助工具,比如按鈕、社群分享按鈕、整體介面配色等
Bootstrap jQuery Plugins - 提供了表單、表格、選單、Lightbox、Notification...等等外掛

除了分享簡介功能以外,也直接提供了連結網址,非常實用~
我是小米
我是小米: 痛苦又快樂的網頁設計師,熱愛設計又總是被摧殘…喜歡旅行但也喜歡宅在家…被迫不斷學習新東西只好假裝自己很好學,擁有被虐體質所以離不開這條路~只好硬著頭皮繼續往前爬行…

相關文章

Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO

Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO

「W3layouts」上千個免費可商用RWD自適應版型下載

「W3layouts」上千個免費可商用RWD自適應版型下載

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 1 梅留言

  • 第1梅
    johnli 說道:

    thanks!