有哪些前端开发框架？

Boostrap绝对是目前最流行最广泛使用的框架。它是一个漂亮、直观、功能强大的网页设计工具包，可以用来开发跨浏览器兼容的漂亮页面。它提供了许多流行的简单UI组件、网格系统和一些常用的JavaScript插件。

Bootstrap是用动态语言LESS编写的，主要包括四个部分:

脚手架-全球风格，响应12列网格布局系统。记住Bootstrap默认不包含反应式布局的功能。所以，如果你的设计需要实现响应式布局，那么你就需要手动开启这个功能。

基本CSS-包括基本的HTML页面元素，如表格、表单、按钮和图像。基本CSS为这些元素提供了优雅和一致的风格。

组件——收集了大量可重用的组件，比如下拉列表、按钮组和导航控件——包括选项卡、药丸和列表、面包屑导航、页码、缩略图和进度条。

JavaScript——包含一系列jQuery插件，可以实现组件的动态页面效果。插件主要包括模态窗口(modals)、工具提示、“popovers”效果、scrollspy、carousel、typeahead等等。

Bootstrap功能强大，可以实现各种形式的Web界面。为了更方便地使用Bootstrap进行开发，许多工具和资源可以一起使用。以下是其中的一些。

JQuery UI Bootstrap——对于JQuery和Bootstrap爱好者来说，这是一个非常好的资源，它可以将Bootstrap令人耳目一新的接口组件引入JQuery UI。

JQuery Mobile Bootstrap主题——类似于上面提到的jQuery UI主题，这是一个为JQuery Mobile建立的主题。如果你想让Bootstrap开发的网站在手机上优雅的访问，那么这个资源对你来说是非常方便易用的。

它给Bootstrap添加了一些轻量级的JavaScript控件。Fuel UI易于安装、修改、更新和优化。

StyleBootstrap.info-Bootstrap提供了自己的界面样式，StyleBootstrap提供了更多的配色选项，你可以对每个组件应用不同的配色。

使用这个工具，你可以立即看到主题修改的效果。对于每一个效果变化，这个应用程序都会生成一个唯一的URL供你与他人分享，你也可以随时修改你的主题。

提供大量免费的引导主题。

Bootsnippet，一个制作在线前端框架交互组件的工具，是面向设计者和开发者的基于Bootstrap HTML/CSS/JavaScript架构的免费元素。

layout it——通过界面拖拽生成器，简单快速地创建基于Bootstrap的前端代码。通过拖拽的方式将Bootstrap风格的组件添加到您的个人设计中，您可以轻松修改它们的属性，简单方便。

2.Fbootstrapp

FBootstrapp基于bootstrap，提供与脸书iframe应用和设计相同的功能。包含所有标准组件的基本CSS和HTML，包括排版、表单、按钮、表格、网格、导航等。风格类似于脸书。

3.BootMetro

BootMetro framework的灵感来自Metro UI CSS，基于Bootstrap framework，用于创建Windows 8的Metro风格的网站。它包含了Bootstrap的所有功能，并增加了几个附加功能，如页面平铺、应用栏等。

4.支撑带

Kickstrap是Bootstrap的变体。它基于Bootstrap，并添加了许多应用程序、主题和附加功能。这使得该框架可以独立使用，无需额外安装即可构建网站。你所需要做的就是把它放在你的网站上并使用它。

App是一个JavaScript和CSS包文件，在加载一些页面后加载并运行。默认加载的应用有knockout.js、retina.js、firebug lite、updater，你也可以自己添加更多的应用。

选择不同的主题可以让你的网站从Bootstrap搭建的其他同类网站中脱颖而出。

附加函数是一些用来扩展Bootstrap UI库的附件，它们的语法基本相同或相似。