博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
compass安装使用960 Grid System
阅读量:6503 次
发布时间:2019-06-24

本文共 733 字,大约阅读时间需要 2 分钟。

960 Grid System 是一个CSS的页面布局框架

demo:  http://960.gs/demo.html

前提:安装Ruby 、NodeJS

 

步骤1:在命令行下安装css插件:

gem install compass-960-plugin

步骤2:创建my_project项目:

compass create -r ninesixty my_project --using 960

在页面中引用该css

<head>

  <link href="/stylesheets/grid.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <link href="/stylesheets/text.css" media="screen, projection" rel="stylesheet" type="text/css" />
</head>

 

 

 

 

有12列和16列布局

我们使用12列布局:

    
960 Grid System — Demo

12 Column Grid

940

60

860

 显示:

转载于:https://www.cnblogs.com/liuminghai/p/4399100.html

你可能感兴趣的文章
【SignalR学习系列】5. SignalR WPF程序
查看>>
ORDER BY,GROUP BY 和DI STI NCT 优化
查看>>
[web前端] yarn和npm命令使用
查看>>
为什么需要模版成员方法
查看>>
一起谈.NET技术,.NET Framework源码研究系列之---Delegate
查看>>
一起谈.NET技术,走向ASP.NET架构设计——第三章:分层设计,初涉架构(中篇)...
查看>>
云计算与虚拟化之后:网络威胁成新挑战
查看>>
写下我当时的三个愿望
查看>>
iOS UI基础-18.0 UIView
查看>>
告别2011,迎接2012
查看>>
作品展问题总结
查看>>
一个简单的Spring Web Service示例
查看>>
C#中的Main方法
查看>>
【英语魔法俱乐部——读书笔记】 2 中级句型-复句&合句(Complex Sentences、Compound Sentences)...
查看>>
问题-提示“adodataset.command”
查看>>
Selenium webdriver 操作日历控件
查看>>
【转】iOS 宏(define)与常量(const)的正确使用-- 不错
查看>>
.NET中使用Redis (二)
查看>>
2016第51周四外甥女走丢记
查看>>
Tensorflow 笔记
查看>>