BlueTrip（BT）是一个号称十分强大的CSS Grid System，集Blueprint, Tripoli, 960.gs等Grid System大成，让你轻松构建网页布局。以下来自BlueTrip官网：

"A full featured and beautiful CSS (Cascading Style Sheets) framework which combined the best of Blueprint, Tripoli (hence the name), Hartija's print stylesheet, 960.gs's simplicity, and Elements' icons. BlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing."


BT将页面竖着划分成24份，理解BT的标签含义，的大家心中始终要有这个数字。下面简要介绍以下BlueTrip中部分主要标签的意义。

  • span-12：内容宽度占12个列
  • last：最后一个列
  • prefix-20 suffix-1：左边空20个列，右边空1个列
  • center：居中

另外，BlueTrip还有一个feature性质的标签，例如：

success notice error：调整背景色和外框，以统一风格表示成功（灰绿）、失败（粉红）、警告（橙黄）

自动为doc、pdf、txt等后缀的链接添加图标。

BlueTrip简明教程_system



BlueTrip简明教程_styles_02


更多内容参考BlueTrip官方网站：http://bluetrip.org/

完整Demo：http://bluetrip.org/sites/bluetrip.org/themes/starkish/demo/index.html