CSS框架为设计前端Web开发中常见问题的一致解决方案提供了基本结构。它们提供可以针对特定场景和应用程序覆盖的通用功能。这大大减少了开始创建应用程序和网站所需的时间。Bootstrap最流行的前端框架之一当然是Bootstrap。虽然它是作为内部团队的工具开发的，但一旦发布，其采用率就会显着提高。它为常见的UI组件提供设计模板，例如按钮、排版、表单、下拉菜单、警报、选项卡、轮播和可选的JavaScript扩展。您可以使用Bootstrap轻松创建响应式布局，Bootstrap3非常重视其移动优先功能。Bootstrap在12列网格系统中组织元素的能力提供了跨设备的干净、一致的设计。Bootstrap使用较少的样式表，但也被移植到Sass（作为单独的存储库维护），因此两者的用户都可以访问内容。FoundationFoundation是一个响应式前端框架，用于为跨多个设备工作的站点创建快速原型和生产代码。Foundation基于940px的网格系统，而Bootstrap基于1170px的网格布局。使用Foundation的优势之一是能够快速制作原型，由于框架的基本结构和提供的入门模板，这对于快速制作原型非常有用。SkeletonSkeleton是一个“简单、响应迅速的样板”。Skeleton非常适合小型项目，或者如果优先考虑轻量级（它只有大约400行未压缩代码）。样式更多地被设计为一个起点，而不是一个UI框架。由于其轻量级的特性，Skeleton非常适合以移动为中心的设计。对于初学者来说，Skeleton也是前端框架的一个很好的起点。它具有干净的代码和简单的布局。UIKitUIKit元素易于定制且轻量级。它提供了用于快速构建Web界面的模板。除了包含所有HTML、CSS和JavaScript文件的安装程序包外，它还包括一个用于Sublime文本和Atom编辑器的自动完成包，这样用户就不必一次又一次地查找UI工具包类名和标签。基本系统、引导程序和UI工具包之间的主要区别在于网格系统。UIKit没有使用12列的网格设置，而是将布局分解为三个组件：网格、弹性和宽度。使用网格组件，您可以创建任意数量的列。除此之外，您可以为您的项目尝试的其他框架包括：TukTuk-响应式和轻量级；面向对象的CSS；用咖啡脚本编写。语义UI——使用自然语言原则使代码更具可读性；更少的预处理器；响应迅速且易于调试。YAML-非常精简的框架核心(5.9KB)；Sass预处理器；防弹模组；适用于IE6+。960网格系统-流畅且反应灵敏；提供12列或16列网格选项；适用于快速原型制作和生产环境。尽管前端框架现在广泛用于个人和专业项目，但仍然存在一些反对使用框架的争论。它们围绕编写您自己的设计网格而不是使用响应式框架、增加加载时间、所有站点看起来都一样以及不必要的框架膨胀展开。如前所述，它因案例和项目而异。如果它适合您的项目，则无需三思。框架有足够的好处来保证它们的使用。在为您的项目选择合适的框架时，请考虑其中的一些要点。它是否得到足够的支持和更新以跟上潮流？它是否适合您的项目规模和未来可能的扩展？
