跳转到主要内容

2.5 网格系统

如果你是一个前端工程师,或者你想做一个Drupal Themer的话,你必须学会使用网格系统——至少我是这么认为的,虽然不一定每个项目都会用到它。最初的网格系统都是固定布局的,那个时候,智能手机和响应式设计还没有面世,这其中最广为使用的是960网格系统。你可以在 http://960.gs下载并使用。后来,随着响应式设计的兴起,又出现了流式布局的960网格系统,以适应小屏幕上元素自动重新排版的需求。然后类似的又出现了978网格系统、1140网格系统。人们还在这些网格系统中加入了其他特性,如图标,按钮,JS特效等特性,形成了各种复杂的前端框架,比如YUI、Blueprint、Square Grid、Boilerplate以及现在在国内很流行的Bootstrap3。这些都是知名的前端框架。同时,你也可以在Drupal官网上找到与它们相对应的基主题。使用这些基主题的好处是,比如网格,响应式设计甚至图标,按钮,JS特效等特性都已经为你提前处理好了,在合理使用的情况下,原则上应该能为你节约很多时间。

在主题中使用网格系统的方法有两种,其一是直接下载你需要的网格系统,并在主题中引用他们,其二是直接使用对应的基主题。详细的使用方法我们会在以后讲到。