① 現在網站前後端主要用什麼技術和框架
web前端分為網頁設計師、網頁美工、web前端開發工程師
首先網頁設計師是對網頁的架構、色彩以及網站的整體頁面代碼負責
網頁美工只針對UI這塊兒的東西，比如網站是否做的漂亮
web前端開發工程師是負責交互設計的，需要和程序猿進行交互設計的配合。
web前端需要掌握的有腳本技術javascript DIV+CSS現下最流行的頁面搭建技術，ajax和jquery以及簡單的後端程序等。 後端的話可供開發的語言有 asp、php、jsp、.NET 這些後端開發語言的話搭建環境都不一樣，具體如果你想學的話看是想從事前端部分還是後端程序部分。後端開發如果有一定的條件的話可以轉為軟體開發。不過要有一定的語言基礎，類似java語言。C#等。關鍵是看你的興趣愛好。
這個到後期不會區分這么細，做前端到後期也會懂一些後端的技術，反之，後端也是。
在我們實際的開發過程中，我們當前這樣定位前端、後端開發人員。
1）前端開發人員：精通JS，能熟練應用JQuery，懂CSS，能熟練運用這些知識，進行交互效果的開發。
2）後端開發人員：會寫Java代碼，會寫sql語句，能做簡單的資料庫設計，會Spring和iBatis，懂一些設計模式等。
現在來看，我們對前後端的要求還是蠻低的，尤其是後端，新員工經過培訓之後都是可以參與到後端開發的，沒有太高的技術門檻，唯一需要做的就是先變成熟練工種，這個階段沒有涉及到設計模式、架構、效率等一些列問題。
Web前端: 顧名思義是來做Web的前端的。我們這里所說的前端泛指Web前端，也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
Web後端：後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。
前端、後端的技術要求：
Web前端：
1）精通HTML，能夠書寫語義合理，結構清晰，易維護的HTML結構。
2）精通CSS，能夠還原視覺設計，並兼容業界承認的主流瀏覽器。
3）熟悉JavaScript，了解ECMAScript基礎內容，掌握1~2種js框架，如JQuery
4）對常見的瀏覽器兼容問題有清晰的理解，並有可靠的解決方案。
5）對性能有一定的要求，了解yahoo的性能優化建議，並可以在項目中有效實施。
6）......
Web後端：
1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex開發，或者對相關的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發的模式有較深的理解
2）練使用oracle、sqlserver、mysql等常用的資料庫系統，對資料庫有較強的設計能力
3）熟悉maven項目配置管理工具，熟悉tomcat、jboss等應用伺服器，同時對在高並發處理情況下的負載調優有相關經驗者優先考慮
4）精通面向對象分析和設計技術，包括設計模式、UML建模等
5）熟悉網路編程，具有設計和開發對外API介面經驗和能力，同時具備跨平台的API規范設計以及API高效調用設計能力
6）......
② 前端工程化的理解
目前來說，web業務日益復雜化和多元化，前端開發從WebPage模式為主轉變為WebApp模式為主了。前端的開發工作在一些場景下被認為只是日常的一項簡單工作，或只是某個項目的"附屬品"，並沒有被當做一個"軟體"而認真對待（無論是產品負責人還是開發者）。
在模式的轉變下，前端都已經不是過去的拼幾個頁面和搞幾個jq插件就能完成。當工程復雜就會產生許多問題，比如：
前端工程化 是使用軟體工程的技術和方法來進行前端的開發流程、技術、工具、經驗等規范化、標准化，其主要目的 為了提高效率和降低成本，即提高開發過程中的開發效率，減少不必要的重復工作時間 ，而前端工程本質上是軟體工程的一種，因此我們應該從軟體工程的角度來研究前端工程。
"前端工程化"裡面的工程指 軟體工程 ，和我們一般說的 工程 是兩個完全不同的概念。
前端工程化就是為了讓前端開發能夠「自成體系」，個人認為主要應該從 模塊化 、 組件化 、 規范化 、 自動化 四個方面思考。
從UI拆分下來的 每個包含模板(HTML)+樣式(CSS)+邏輯(JS)功能完備的結構單元 ，我們稱之為 組件 。
其實，組件化更重要是一種分治思想。
頁面上所有的東西都是組件。頁面是個大型組件，可以拆成若干個中型組件，然後中型組件還可以再拆，拆成若干個小型組件，小型組件也可以再拆，直到拆成DOM元素為止。DOM元素可以看成是瀏覽器自身的組件，作為組件的基本單元。
傳統前端框架/類庫的思想是先組織DOM，然後把某些可復用的邏輯封裝成組件來操作DOM，是DOM優先；而組件化框架/類庫的思想是先來構思組件，然後用DOM這種基本單元結合相應邏輯來實現組件，是組件優先。這是兩者本質的區別。
其次，組件化實際上是一種按照模板(HTML)+樣式(CSS)+邏輯(JS)三位一體的形式 對面向對象的進一步抽象。
所以我們除了封裝組件本身，還要合理處理組件之間的關系，比如 （邏輯）繼承 、 （樣式）擴展 、 （模板）嵌套 和 包含 等，這些關系都可以歸為 依賴 。
目前市面上的組件化框架很多，主要的有Vue、React、Angular。Vue文檔中的對比其他框架一文已經講得很詳細了。
規范化其實是工程化中很重要的一個部分，項目初期規范制定的好壞會直接影響到後期的開發質量。
比如：
前端工程化的很多臟活累活都應該交給自動化工具來完成。需要秉持的一個理念是:
③ 前後端開發需要哪些技術
互聯網的不斷成熟和發展以及我們在生活中使用移動端的設備來訪問互聯網的需求讓現在的前端開發工作變的越來越復雜，以前的前端開發只需要掌握好HTML、CSS、jQuery就可以滿足建站的要求了，但是現在就不行，還需要掌握好各種各樣的框架知識才可以滿足。
現在前端不管是在整個市場的應用范圍上還是在人才需要上都是比較大的，2021年不管是前端開發學習還是前端開發就業上都是比較多人進入的，那麼對於想要參加前端開發培訓的學員來說前端開發培訓要學習哪些知識點呢?
1、基礎學習
主要就是html、css、JavaScript。建議直接從html5、css3、ES5入手進行來學習。由於該部分是web前端開發中的基礎部分，因此建議大家基礎一定要打牢固。
2、與美工相關、後端開發、設計相關的學習
優秀的web前端開發工程師，將熟知自己工作界面的各種布局。因此，這也將是你工作中的重點。根據公司的不同，大家可擴大知識面，加深對自身產品的理解。
美工相關，主要是精通ps、切圖類工具的應用。Photoshop是必然需要掌握的，這里我們不強調作圖的精美，但是至少需要掌握它的應用。一技之長，無論何時何地總會大有應用。
後端開發，一般情況下，前端開發和後端開發是分開的，不過也存在特殊情況。因此，需要我們做出選擇後端的主要學習陣地，很多人都在比較PHP、Python、Node.js哪種好，其實三者差別不大，從市場上的熱度來看，Node.js視乎更受歡迎一點，當然Node.js對js熟悉的前端來說也更容易上手。
3、框架類庫學習
jquery，bootstrap、Gumby、Fbootstrapp等，現在的框架比較多，但是jquery和bootstrap這樣級別的必須得熟練掌握，要不很多公司都沒法幹活。一般類庫和框架都有垂直的網站可以學習，如bootstrap中文網之類的都很不錯。
4、對於工具的學習
如Git、webpack、Gulp、github、Nginx 等等。工具的學習是自我的一種提升。它將提高你的工作效率，節省時間成本。好在工具的學習，幾天時間足以，如果需要精通，則需要時間進行精心的學習！
④ 2015年有哪些比較優秀的前端框架
作者：匿名用戶
鏈接：http://www.hu.com/question/39377015/answer/81017680
來源：知乎
著作權歸作者所有，轉載請聯系作者獲得授權。
此榜單根據github上star數作為排名依據，一個人力量有限，如果收集有遺漏歡迎補充。
1、名稱：Bootstrap
類別/語言：HTML、CSS、JavaScript
創建者： Twitter
人氣：在Github上有91007 stars
描述：主流框架中毋庸置疑的老大，Bootstrap 是基於 HTML、CSS、JavaScript 的，它簡潔靈活，使得 Web 開發更加快捷。
核心概念/原則: RWD 和移動優先制。
瀏覽器支持： Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
響應式: Yes
模塊化: Yes
官網地址：Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Github地址：twbs/bootstrap · GitHub
2、名稱：html5-boilerplate
類別/語言：HTML、CSS、JavaScript
創建者：Paul Irish
人氣：在Github上有32,349 stars
描述：HTML5 Boilerplate 幫你構建 快速, 健壯, 並且 適應力強 的web app或網站。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE8+,Edge,Opera
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：HTML5 Boilerplate: T
Github地址：h5bp/html5-boilerplate · GitHub
3、名稱：Meteor
類別/語言：HTML、CSS、JavaScript
創建者：immir
人氣：在Github上有31,092 stars
描述：Meteor是新一代的開發即時web應用的開源框架，它能幫助你在最少的時間內完成開發。
核心概念/原則：響應式
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址：Meteor
Github地址：meteor/meteor · GitHub
4、名稱：Semantic UI
類別/語言：HTML、CSS、JavaScript
創建者: Jack Lukic
人氣: 在Github上有22,325 stars
描述: 「基於自然語言有效原則的UI組件框架」
核心概念/原則: 語義，標簽的矛盾性、響應式
瀏覽器支持：Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址：Semantic UI
Github地址：Semantic-Org/Semantic-UI · GitHub
5、名稱：Foundation
類別/語言：HTML、CSS、JavaScript
創建者: ZURB
人氣: 在Github上有22,206+ stars
描述: 「世界上最優秀的響應式前端框架」
核心概念/原則: RWD 、手機優先、語義的
瀏覽器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
預處理器: Sass
響應式: Yes
模塊化: Yes
官網地址：Foundation | The most advanced responsive front-end framework in the world.
Github地址：zurb/foundation-sites · GitHub
6、名稱：Materialize
類別/語言：CSS
創建者：Google
人氣：在Github上有15,288stars
描述：Materialize是一個個基於材料設計的一個現代化的響應式前端框架。他們做了最繁重的工作，為您提供默認的樣式，結合了您的自定義組件。此外，他們還改進動畫和過渡，為開發人員提供流暢的體驗。
核心概念/原則：響應式
預處理器：Sass
響應式：Yes
模塊化：Yes
官網地址：Documentation
Github地址：Dogfalo/materialize · GitHub
瀏覽器支持：Chrome 35+, Firefox 31+, Safari 7+, IE 10+
7、名稱：Pure
類別/語言：CSS
創建者: Yahoo
人氣: 在Github上有13,161 stars
描述: 「您可以在每一個web項目中使用的一組小的和響應式的CSS模塊」
核心概念/原則:SMACSS,極簡的.
瀏覽器支持：Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
預處理器: None
響應式: Yes
模塊化: Yes
官網地址：http://purecss.io/
Github地址：yahoo/pure · GitHub
8、名稱：Vue
類別/語言：CSS、JavaScript
創建者：尤雨溪
人氣：在Github上有12,214 stars
描述：Vue.js 是用於構建互動式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE9+，Android 4.2+，iOS 7+
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：vue.js
Github地址：vuejs/vue · GitHub
9、名稱：Skeleton
類別/語言：CSS、JavaScript
創建者：Dave Gamache
人氣：在Github上有10,622stars
描述：Skeleton 是一個小的 JS 和 CSS 文件的集合,可幫你快速開發漂亮的網站,適合各種屏幕設備包括手機。Skeleton 基於 960 grid 開發。它是一個 UI 框架。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE10+,Opera
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：Skeleton: Responsive CSS Boilerplate
Github地址：dhg/Skeleton · GitHub
10.名稱： Amaze UI
類別/語言：HTML、CSS、JavaScript
創建者：雲適配
最後更新時間：2015年12月
人氣：在Github上有6425 stars
描述：國內首個開源HTML5跨屏前端框架，中文排版支持更優、本土化組件豐富。
並在2015年11月推出基於 React.js 的專屬移動端 Web 組件庫Amaze UI touch。
核心概念/原則：組件化、移動優先、輕量級、高性能。
瀏覽器支持： Firefox, Chrome, Safari, IE8+
響應式: Yes
模塊化: Yes
官網地址：Amaze UI | 中國首個開源 HTML5 跨屏前端框架
Github地址：amazeui/amazeui · GitHub
11、名稱：UIkit
類別/語言：HTML、CSS、JavaScript
創建者: YOOtheme
人氣: 在Github上有6,050+ stars
描述: 「一個輕量級的和模塊化的前端框架,用於快速開發和功能強大的web介面。」
核心概念/原則:RWD, 手機優先.
預處理器: Less, Sass
響應式: Yes
模塊化: Yes
官網地址：UIkit
Github地址：uikit/uikit · GitHub
瀏覽器支持： Chrome, Firefox, Safari, IE9+
12、名稱：Yui
類別/語言：CSS、JavaScript
創建者：Yahoo
人氣：在Github上有3,200+ stars
描述：Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，為了能建立一個高互動的網頁，它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證
核心概念/原則：響應式
預處理器: None
響應式：Yes
模塊化：Yes
官網地址：http://yuilibrary.com/
Github地址：yui/yui3 · GitHub
瀏覽器支持：Firefox, Chrome, Safari, IE10+,Opera
13.名稱：kissy
類別/語言： JavaScript
創建者：淘寶前端
最後更新時間：2015年7月
人氣：在Github上有2035 stars
描述：KISSY 是一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。
框架大小: 37 KB
核心概念/原則: 模塊化，跨終端，高擴展性
模塊化: Yes
官網地址：KISSY - A Powerful JavaScript Framework
Github地址：kissyteam/kissy · GitHub
14.名稱：MUI
類別/語言： HTML、CSS、JavaScript
創建者：Dclould
最後更新時間：2016年1月
人氣：在Github上有2012 stars
描述：MUI-最接近原生App體驗的前端框架框架。
核心概念/原則: 多端發布、高性能
響應式: NO
模塊化: Yes
官網地址：MUI-最接近原生APP體驗的高性能前端框架
Github地址：dcloudio/mui · GitHub
15.名稱：Arale
類別/語言： JavaScript
創建者：支付寶前端
最後更新時間：2015年7月
人氣：在Github上有1252 stars
描述：Arale 是一個開放、簡單、易用的前端基礎類庫。
框架大小:未知
核心概念/原則: 開放、簡單、易用
瀏覽器支持：Firefox, Chrome, Safari, IE6+
響應式: Yes
模塊化: Yes
官網地址：Arale - 隨心構建互聯網應用
Github地址：aralejs/aralejs.org · GitHub
16.名稱：JX
類別/語言：Javascript
創建者：騰訊前端
最後更新時間：2015年12月
人氣：在Github上有952 stars
描述：JX 是模塊化的非侵入式Web前端框架，特別適合構建和組織大規模、工業級的Web App。
框架大小: 未知
核心概念/原則: 保持最優執行效率
瀏覽器支持： 兼容主流瀏覽器
模塊化: Yes
官網地址：JX - 騰訊 Web 前端開發框架
Github地址：AlloyTeam/JX · GitHub
17.名稱：GMU
類別/語言：HTML、CSS、JavaScript
創建者：網路前端
最後更新時間：2015年12月
人氣：在Github上有940stars
描述：GMU是基於zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件! Web App。
核心概念/原則: 簡單易用、輕量級
模塊化: Yes
官網地址：http://gmu..com/
Github地址：fex-team/GMU · GitHub
18.名稱：ZUI
類別/語言： HTML、CSS、JavaScript
創建者：蟬道
最後更新時間：2015年7月
人氣：在Github上有616 stars
描述：開源HTML5前端框架
核心概念/原則:簡單易用、輕量級、易於定製
瀏覽器支持：未知
官網地址：ZUI - 開源HTML5跨屏框架
Github地址：easysoft/zui · GitHub
19.名稱：Clouda Touch.js
類別/語言：JavaScript
創建者：網路雲
人氣：在Github上有387 stars
描述：Touch.js是移動設備上的手勢識別與事件庫,也是在網路內部廣泛使用的開發。
核心概念/原則: 無入侵設計、媲美原生的交互、極簡的API
模塊化: Yes
官網地址：Touch.js
Github地址：Clouda-team/touch.code..com · GitHub
20.名稱：Arkui
類別/語言：HTML、CSS、JavaScript
創建者：豆瓣
人氣：在Github上有129 stars
模塊化: Yes
官網地址：arkui
Github地址：mockee/arkui · GitHub
⑤ web前端需要學什麼
1、基礎部分，主要就是html、css、JavaScript。這個其實不用多講，這些個基礎不學扎實了啥也幹不了，可以直接從html5、css3、ES5來學習。
2、幾個邊界，與美工相關、後端開發、設計相關。想做好Web前端，一定搞清楚自己的工作界面在什麼地方，這對你有很大幫助。每個公司可能都不一樣，所以了解邊界相關的知識就很重要。
美工相關，主要是說ps、切圖之類的東西，photoshop還是需要會用的，至於說你能不能搞出漂亮的圖片來那倒不是重點，關鍵點是體會美工的工作過程。如果你在公司兼了這件事，那你就得深入的學習了，別不以為然，前端的美術有修養還是挺重要的。
後端開發，雖說一般情況下，前端開發和後端開發是分開的，不過二般情況也很多。這個時候就需要你在後端中選擇一條主線，很多人都在比較PHP、Python、Node.js哪種好，其實都差不多，不過從市場上的熱度來說視乎Node.js更熱一些，當然Node.js對js熟悉的前端來說也更容易上手。我的建議還是先從Node.js來吧，如果公司有選擇或者有餘力可以學學其他兩個。資料庫似乎mysql和mongodb都可以試試。
3、相關標准，標准這個東西很多人都不屑的很。其實很重要，越大的團隊越重要。還是熟悉熟悉養成好的習慣微妙。這在初期至少涉及到很多兼容性問題，所以W3C的標準是必須了解和掌握的。
4、各種框架類庫，jquery，bootstrap等，現在的框架比較多，但是jquery和bootstrap這樣級別的必須得熟練掌握，要不很多公司都沒法幹活。一般類庫和框架都有垂直的網站可以學習。
5、工具，這個有很多如Git、webpack、Gulp、github、Nginx 等等。工具本身實際上不學也能幹活，從學習的角度來說，這個時間的分配上可以少一點兒，但是從工作的角度來說，如果需要的話要盡快上手，逐步熟悉。工具類的東西都不是特別難上手，幾天可能就差不多了，但是想玩的透，極大的提高效率這個還是需要投入不少時間的。
⑥ web前端框架有哪些
目前比較流行的前端框架是Angular、React、Vue、Bootstrap
如果基礎建議別看框架，先學習html、css、js（可以暫時不會寫，但必須會用），能獨立完成頁面編碼之後，再學習框架
⑦ web前端開發框架有哪些
常見的web前端開發框架如下：
1、Bootstrap：
主流框架之一，Bootstrap 是基於 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發更加快捷。
2、html5-boilerplate：
該框架可以快速構建健壯，且適應力強的web app或網站。
3、Meteor：
Meteor是新一代的開發即時web應用的開源框架，它能在較短時間內完成開發。
4、Materialize：
基於材料設計的現代化響應式前端框架。可提供默認的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發人員提供流暢的體驗。
5、Amaze UI：
國內首個開源HTML5跨屏前端框架產品系列，中文排版支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架Amaze UI Touch以及針對跨屏HTML5網頁開發的Amaze UI Web。
(7)前端框架類庫擴展閱讀：
web框架程序的作用：
Web框架使得在進行Web應用開發的時候，減少了工作量。Web框架主要用於動態網路開發，動態網路主要是指現在的主要的頁面，可以實現數據的交互和業務功能的完善。
使用Web框架進行Web開發的時候，在進行數據緩存、資料庫訪問、數據安全校驗等方面，不需要自己再重新實現，而是將業務邏輯相關的代碼寫入框架就可以。也就是說，通過對Web框架進行主觀上的「縫縫補補」，就可以實現自己進行Web開發的需求了。
以PHP為例，PHP可以在apache伺服器上進行Web開發，而不必使用框架。使用PHP進行開的時候，在不適用框架的情況下，資料庫連接就需要自己來實現，頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。
參考資料來源：網路-前端開發
⑧ 現在學習前端開發還有前途嗎
現在的前端漸漸趨向大前端路線，工程化，而且公司招聘前端工程師的要求也越來越高，前端研發的職責一直在改變，同時前端研發需要掌握的技術也在迭代更新這就更需要我們去持續學習。無論你是做前端還是後端，是java還是其他語言，程序員都是要不斷接受新技術的，我們不應該抗拒新技術的學習。對於大部分企業來說，只要所學技術能滿足其需求，並且能時刻關注了解掌握前沿技術，且達到學歷要求，那麼你只需要努力，剩下的就交給時間了。
⑨ 可用於前端開發的框架或類庫有哪些
1. Bootstrap
Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美，直觀並且給力的web設計工具包，可以用來開發跨瀏覽器兼容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件，柵格系統以及一些常用的JavaScript插件。
Bootstrap是用動態語言LESS寫的，主要包括四部分的內容：
腳手架——全局樣式，響應式的12列柵格布局系統。記住Bootstrap在默認情況下並不包括響應式布局的功能。因此，如果你的設計需要實現響應式布局，那麼你需要手動開啟這項功能。
基礎CSS——包括基礎的HTML頁面要素，比如表格(table)，表單(form)，按鈕(button)，以及圖片(image)，基礎CSS為這些要素提供了優雅，一致的多種樣式。
組件——收集了大量可以重用的組件，如下拉菜單（dropdowns），按鈕組（button groups），導航面板（navigation control）——包括：tabs,pills,lists標簽，麵包屑導航（breadcrumbs）以及頁碼（pagination），縮略圖(thumbnails)，進度條（progress bars），媒體對象（media objects）等等。
JavaScript——包括一系列jQuery的插件，這些插件可以實現組件的動態頁面效果。插件主要包括模態窗口（modals），提示效果（tool tips），「泡芙」效果（popovers），滾動監控（scrollspy），旋轉木馬(carousel)，輸入提示(typeahead)，等等。
Bootstrap已經足夠強大，能夠實現各種形式的 Web 界面。為了更加方便地利用Bootstrap進行開發，很多工具和資源可以用來配合使用，下面列舉了其中的一部分工具和資源。
jQuery UI Bootstrap —— 對於jQuery和Bootstrap愛好者來說這是個非常好的資源，能夠把 Bootstrap的清爽界面組件引入到jQuery UI中。
jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主題類似，這是一個為jQuery Mobile建立的主題。如果你想讓用Bootstrap開發的網站在手機端也可以優雅訪問，那麼這個資源對你來說很方便易用。
Fuel UX —— 它為Bootstrap添加了一些輕量的JavaScript控制項。Fuel UI 安裝，修改，更新以及優化都很簡單方便。
StyleBootstrap.info —— Bootstrap提供了自己的幾種界面風格，StyleBootstrap提供了更多的配色選項，並且你可以給每個組件都應用不同的配色。
BootSwatchr —— 利用這個工具你可以立刻查看主題修改後的效果。對於每一次變動的效果，這個應用都會生成一個唯一的URL方便你與他人分享，你也可以在任意時刻修改你的主題。
Bootswatch —— 提供大量免費的Bootstrap主題。
Bootsnipp —— 在線前端框架交互組件製作工具，是一個供給設計師和開發者的基於Bootstrap HTML/CSS/JavaScript 架構的免費元素。
LayoutIt —— 通過界面拖放生成器簡便快捷地創建基於Bootstrap的前端代碼。通過拖放動作將Bootstrap風格的組件加入到你的個人設計里並且可以方便地修改他們的屬性，簡單便捷。
2. Fbootstrapp
Fbootstrapp基於Bootstrap並且提供了跟Facebook iframe apps和設計相同的功能。包含用於所有標准組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導航等等，風格與Facebook類似。
3. BootMetro
BootMetro框架的靈感來自於Metro UI CSS，基於Bootstrap 框架構建，用於創建Windows 8 的Metro風格的網站。它包括所有Bootstrap的功能，並添加了幾個額外的功能，比如頁面平鋪，應用程序欄等等。4. Kickstrap
Kickstrap是Bootstrap的一個變體。它基於Bootstrap，並在它的基礎上添加了許多app，主題以及附加功能。這使得這個框架可以單獨地用於構建網站，而不需要額外安裝什麼。你需要做的僅僅是把它放到你的網站上，然後用就可以了。
App 是一些頁面載入完成之後載入運行的JavaScript和CSS打包文件。默認載入的app有Knockout.js, Retina.js, Firebug Lite, and Updater，你也可以自行添加更多的app。
選擇不同的主題可以讓你的網站在眾多Bootstrap構建的類似網站中顯得與眾不同。
附加功能是一些用來擴展Bootstrap UI 庫的附件，它們的語法基本相同或者相似。