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...等等外掛

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

相關文章

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

CSS教學-CSS選擇器套用樣式的優先權順序

CSS教學-CSS選擇器套用樣式的優先權順序

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟





回應本篇 »

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

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

共 2 梅留言

  • 第2梅
    supertrip 說道:

    下載了其中一個免付費的 解開檔案後 裡面有個LICENSE檔案

    看了一下裡面的內容 去查了一下它的意思 是指我們下載使用的版型

    不管之後編輯修改成某某網站後 這個LICENSE檔案都要附在裡面嗎?

    還是說就直接拿來修改使用 這個檔案沒有附加沒關係 謝謝

    he MIT License (MIT)

    Copyright (c) 2013-2016 Blackrock Digital LLC.

    Permission is hereby granted, free of charge, to any person obtaining a copy
    of this software and associated documentation files (the “Software"), to deal
    in the Software without restriction, including without limitation the rights
    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
    copies of the Software, and to permit persons to whom the Software is
    furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in
    all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED “AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    THE SOFTWARE.

  • 第1梅
    johnli 說道:

    thanks!

近期講座

近期講座

更多講座