Bootstrap 是基于 HTML，CSS，JavaScript 的簡潔靈活的流行前端框架及交互組件集，由微博的先驅(qū) Twitter 在2011年8月開源的整套前端解決解決方案。Bootstrap 有非常完備和詳盡的開發(fā)文檔，Web 開發(fā)人員能夠輕松搭建出清爽風(fēng)格的界面以及實現(xiàn)良好的交互效果。為了能夠充分利用 Bootstrap 的強大功能，下面向打擊推薦12款各種各樣工具和資源來配合 Bootstrap 使用。

　　Bootstrap 是基于 HTML，CSS 和 JavaScript 的簡潔靈活的流行前端框架及交互組件集，由微博的先驅(qū) Twitter 在2011年8月開源的整套前端解決解決方案。Bootstrap 有非常完備和詳盡的開發(fā)文檔，Web 開發(fā)人員能夠輕松搭建出清爽風(fēng)格的界面以及實現(xiàn)良好的交互效果。

 

 

　　Bootstrap 的口號是 Designed for everyone, everywhere.（適用于任何場景，適用于每一個人），主要有以下特色：支持所有主流瀏覽器、12列柵格布局、響應(yīng)式設(shè)計、樣式化的文檔以及常用的定制的 jQuery 插件等等。Bootstrap 已經(jīng)足夠強大，能夠?qū)崿F(xiàn)各種形式的 Web 界面。為了能夠充分利用 Bootstrap 的強大功能，下面向打擊推薦12款各種各樣工具和資源來配合 Bootstrap 使用。

 

jQuery UI Bootstrap

這個 jQuery UI 主題，對于 jQuery 的使用者來說是個非常好的資源，能夠把 Bootstrap 的清爽界面組件引入到 jQuery UI 中。

 

 

Bootstrap Image Gallery

Bootstrap Image Gallery 是 Bootstrap 模態(tài)對話框的一個擴展，用于實現(xiàn)相冊瀏覽功能，支持按鍵導(dǎo)航，幻燈片展示以及全屏瀏覽。

 

 

jQuery Mobile Bootstrap Theme

和 jQuery UI 主題類似，這是一個基于 Twitter Bootstrap 的 jQuery Mobile 主題，讓你的移動應(yīng)用用上 Bootstrap 界面。

 

  

Colorpicker and Datepicker for Bootstrap

Twitter Bootstrap 有非常多的內(nèi)置 jQuery 插件，但是沒有顏色選擇器和日期選擇器，這個插件是個非常好的補充。

 

 

StyleBootstrap.info

Twitter Bootstrap 提供了定義好的幾種界面風(fēng)格，如果你想有更多更個性化的配色的話，這個工具可以幫上你的大忙。

 

 

Beautiful Buttons for Bootstrappers

清爽漂亮的按鈕是 Twitter Bootstrap 最吸引人的特色之一，這個在線的按鈕設(shè)計工具可以幫助你制作更多風(fēng)格的按鈕樣式。

 

 

Bootswatch

Twitter Bootstrap 的默認主題已經(jīng)非常漂亮了，但是如果你想有一個與眾不同的外觀，那么這個主題選擇工具可以幫助到你。

 

 

Fbootsrapp

相當于 Twitter Bootstrap的一個 Facebook 主題，包含表單、按鈕、表格、導(dǎo)航等等 Facebook 風(fēng)格的界面組件。

 

 

Bootstrap Fireworks

對于使用 Fireworks 進行界面設(shè)計朋友，Bootstrap Fireworks 非常有用，它提供了一組矢量圖形。

 

 

Django Bootstrap Toolkit

這個一個把 Django 和 Twitter Bootstrap 集合起來使用的工具包，相信 Django 的粉絲們會喜歡。

 

 

Bootstrap PSD

這個設(shè)計套件包含 Twitter Bootstrap 所有的基本組件的 PSD 源文件，包括字體、按鈕、網(wǎng)格和導(dǎo)航等等。

 

 

BootstrapWP

如果你的 WordPress 博客也想換上 Twitter Bootstrap 界面的話，這個 WordPress 主題就是你需要的。

 

 

下面列出了更多基于 Twitter Bootstrap 的 WordPress 主題：

 

您可能還喜歡

 

• Twitter Bootstrap 中文幫助文檔/中文手冊
• 優(yōu)秀工具：推薦16款免費的在線二維碼生成器
• 網(wǎng)站優(yōu)化：測試網(wǎng)站速度的8款免費工具推薦
• 優(yōu)秀開發(fā)工具：推薦8個在線調(diào)試代碼的網(wǎng)站
• 網(wǎng)站安全檢測：8款免費的 Web 安全測試工具

 

本文鏈接：推薦10個優(yōu)秀的Twitter Bootstrap組件和工具資源

編譯來源：夢想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計資源