CSS框架

960Grid

即960布局，现基本不再使用

需将页面设置为HTML5文档类型

使用<link>引入，一般只引入核心文件，主题文件不引入

在<head>标签中添加viewport元数据标签

<meta name="viewport" content="width=device-width,inital-scale=1">
width:可视区的宽度，值为device-width
intial-scale:页面首次被显示时可视区域的缩放级别，取值为1.0则页面按实际尺寸显示，无任何缩放

Bootstrap需为页面内容和栅格系统包裹一个.container容器：

.container类用于固定宽度并支持响应式布局的容器
.container-fluid类用于100%宽度

通过行(row)和列(column)的组合创建页面布局

1..row必须包含在.container或.container-fluid中
2.通过.row在水平方向上创建一组列.col
3.内容应该在.col中，且只有.col可作为.row的直接子元素
4..col的范围为1~12

.col-xs-(xs是extra small的缩写) <768px 
.col-sm-(sm是small的缩写)       >=768px
.col-md-(xs是middle的缩写)      >=992px
.col-lg-(xs是large的缩写)       >=1200px

xs总是水平排列，sm、md、lg开始始堆叠在一起，超过这些值后水平排列

css框架

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们