前端开发开发设计其实不难，可是要想做得雅致、健硕其实不非常容易，应用1个好的前端开发架构可以帮你许多忙。本文例举了20个出色的前端开发架构，供挑选应用。

1. BootStrap（Apache v2.0；回应式）

时尚潮流、直观而且强劲的前端开发架构，让Web开发设计变得更为非常容易。

2.Foundation（MIT；回应式）

最开始进的回应式前端开发架构。

3.960gs（GPL&MIT；回应式）

960gs出示了1个简易的网格系统软件，合适迅速开发设计。

4.Skeleton（MIT；回应式）

十分好看的Web模版，合适回应式、挪动友善的开发设计。

5.99lime HTML KickStart（Free）

合适网站迅速开发设计的极简HTML搭建控制模块。

6. Kube（Free；回应式）

朝向技术专业人员的CSS架构。

7. Less Framework（MIT；回应式）

自融入的CSS网格系统软件。

8. Flameinwork（Free）

合适懒人开发设计者的前端开发微架构。

9. G5 Framework（Free）

(x)HTML5、CSS、PHP前端开发开发设计架构。

10. Easy Framework（Free）

Easy Framework是1个1体化前端开发处理计划方案，分structural、 presentational、interactive3层。

11. Blueprint（Free）

1个旨在降低开发设计時间的前端开发架构。

12. YAML（Creative Commons）

(x)HTML+CSS架构，合适开发设计当代化波动合理布局。

13. BlueTrip（Free）

1个作用全面、而且漂亮的CSS架构，合适于Blueprint配搭应用。

14. YUI3:Grids CSS（BSD）

YUI Grids CSS是最知名的CSS架构之1，是由Yahoo开发设计小组开发设计而成。 YUI Grids CSS为开发设计者出示了预先设定的4种不一样网页页面宽度，6种不一样的模版。

15. 52framework（Creative Commons）

对HTML5适用十分好，简易易用。

16. elastiCSS（MIT）

1个根据Web插口和包装印刷合理布局的简易CSS架构。

17. Emastic（Free）

1个不同寻常的CSS架构。

18. Fluid 960 Gride System（GPL/MIT）

 Fluid 960 Grid System的模板是依据Nathan Smith以前的著作而建立的。即960 Grid System：传承了MooTools和jQueryJavaScript libraries的实际效果。

19. xCSS（MIT）

1个朝向目标的CSS架构，能让你的工作中流更为简约。xCSS根据CSS，能够在开发设计繁杂款式时，出示朝向目标的工作中流。

20. EM CSS Framework（MIT/GPL）

EM CSS Framework出示了1个960px宽 + 12 列网格系统软件 + CSS的通用性款式。