bootstrap收集系列

From:http://www.jqpress.com/post/354.aspx

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

 

 

　　Bootstrap 的口號是 Designed for everyone, everywhere.（適用於任何場景，適用於每一個人），主要有以下特色：支持所有主流瀏覽器、12列柵格佈局、響應式設計、樣式化的文檔以及常用的定製的 jQuery 插件等等。Bootstrap 已經足夠強大，能夠實現各種形式的Web 界面。爲了能夠充分利用 Bootstrap 的強大功能，下面向打擊推薦12款各種各樣工具和資源來配合 Bootstrap 使用。

 

jQuery UI Bootstrap

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

 

 

Bootstrap Image Gallery

Bootstrap Image Gallery 是 Bootstrap 模態對話框的一個擴展，用於實現相冊瀏覽功能，支持按鍵導航，幻燈片展示以及全屏瀏覽。

 

 

jQuery Mobile Bootstrap Theme

和 jQuery UI 主題類似，這是一個基於 Twitter Bootstrap 的 jQuery Mobile 主題，讓你的移動應用用上 Bootstrap 界面。

 

  

Colorpicker and Datepicker for Bootstrap

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

 

 

StyleBootstrap.info

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

 

 

Beautiful Buttons for Bootstrappers

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

 

 

Bootswatch

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

 

 

Fbootsrapp

相當於 Twitter Bootstrap的一個 Facebook 主題，包含表單、按鈕、表格、導航等等 Facebook 風格的界面組件。

 

Bootstrap Fireworks

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

 

 

Django Bootstrap Toolkit

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

 

 

Bootstrap PSD

這個設計套件包含 Twitter Bootstrap 所有的基本組件的 PSD 源文件，包括字體、按鈕、網格和導航等等。

 

 

BootstrapWP

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

 

 

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

• Roots Theme
• Bootstrap
• Bootstrap for WordPress
• Bootstrap for WP
• StrapPress
• WPBS

 

1. Fuel UX

Fuel UX是Twitter Bootstrap的一款輕量級插件。組件包括ComboBox, Datagrid, Pillbox, Search 和Spinner等一些實用的插件。

2. BootMetro

BootMetro可以將bootstrap轉換成Microsoft Metro UI。此外，BootMetro附帶的JavaScript插件能夠很好的支持Metro性能。

3. WYSIHTML5

WYSIWYG HTML5非常漂亮的一款Web編輯器，擁有比較全面的配置和事件能夠滿足你的需求。

4. jqBootstrap Validation

我非常喜歡Bootstrap默認的風格。如果你想要個與衆不同的主題，那麼這個插件可以幫助你。

5. ColorPicker

這個插件允許你添加顏色字段，支持多種色彩風格。

6. DatePicker

Datepicker允許添加文本或者任意元素，它常被用作組件可支持多種日期格式。

7. TimePicker

如果你擁有一款日期選擇器，那麼你肯定想自定義編輯日期。這款插件只需利用鼠標或者箭頭鍵即可輕鬆輸入文本。

8. DateRange Picker

如果你曾用過Google Analytics（谷歌分析器），這款Javascript插件你肯定會很熟悉。DateRange非常適用於生成報表或者收集預約日期。

9. Bootbox JS

利用Twitter Boostrap現有模式創建編程式對話框。bootbox是一款非常靈活的且強大的JavaScrip對話框。

10. jQuery UI Bootstrap

這款擁有和Twitter Boostrap相似的主題，最重要的是如果你想將bootstrap和jQuery UI集成在一起，這個主題將會使它們看起來更加一致。

11. jQuery File Upload

基於HTML5 Ajax文件上傳。基本的實現方式還是不錯的，這裏還有許多示例演示。

12. DataTables

DataGrid與Fuel UX相似，支持排序，分頁，搜索等功能。

13. Bootsnipp

Bootsnipp不同於任何一款JavaScript插件，複製和粘貼布局代碼段。它集合了常用的UI，包括登陸屏，窗口模式，表，導航欄等等，你可以獲取代碼並立即使用。

 

ASP.NET MVC4主題

http://nuget.org/packages/twitter.bootstrap.mvc4

bootstrap中文站：

http://www.bootcss.com/