适用于web前端开发工程师的css框架有哪些？

CSS框架提供了一个基本结构，以解决前端web开发中的常见问题。它们提供了通用功能，可以针对特定场景和应用程序进行覆盖。这大大减少了开始创建应用程序和网站建设所需的时间。

这样，网站前端开发人员无需在每次构建网站程序时从头开始。他们可以重用早期应用程序的基础，直接处理网站或应用程序的关键，而不是为每个网站程序反复编写每个小细节。

Bootstrap

最流行的前端框架之一，当然是Bootstrap。虽然它是为内部团队开发的一种工具，但一旦发布，它的采用率就大大提高了。它为常见的UI组件（如按钮、排版、表单、下拉列表、警报、选项卡、旋转木马）以及可选的JavaScript扩展提供设计模板。

您可以使用Bootstrap轻松创建响应性布局，Bootstrap3通过其mobilefirst功能重点强调了这一点。通过引导在12列网格系统中组织元素的能力提供了跨设备的干净、一致的设计。Bootstrap使用的样式表较少，但也被移植到了Sass（作为一个单独的存储库进行维护），因此两者的用户都可以访问内容。

Foundation

Foundation是一个响应前端框架，用于创建跨多个设备工作的站点的快速原型和生产代码。Foundation是基于940px网格系统，而引导是基于1170px网格布局。

使用Foundation的优点之一是能够快速地原型输出，因为框架的裸骨结构和提供的启动模板，对于快速原型设计非常有用。

Skeleton

Skeleton是一个“简单、快速响应的样板文件”。Skeleton非常适合较小的项目，或者如果轻量级是优先考虑的话（它只有大约400行未压缩的代码）。样式的设计更多的是作为一个起点，而不是作为一个UI框架。Skeleton由于其轻巧的特性，非常适合以移动为中心的设计。Skeleton是前端框架的一个很好的起点。它有简洁的代码和简单的布局。

UI工具包

UI工具包元素易于定制和轻量级。它提供了快速构建web界面的模板。除了包含所有HTML、CSS和avaScript文件的安装包之外，它还包含一个用于Sublime文本和Atom编辑器的自动完成包，这样用户就不必一次又一次地查找UI工具包类名和标记。

基础系统、引导程序和UI工具包之间的关键区别是网格系统。UI工具包不使用12列网格设置，而是将布局分解为三个组件，即网格、柔性和宽度。使用网格组件，可以根据需要创建任意数量的列。