bootstrap栅栏布局
来源:互联网 发布:mysql 一天内的数据 编辑:程序博客网 时间:2024/05/22 10:38
/*-------------------------------------栅栏布局----------------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body { font-size: 14px; line-height: 1.42857143; margin: 0px;}
.container { padding-left: 20px; padding-right: 20px;}
.row { margin-bottom: 5px; margin-top:5px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; float: left;}
.col-12 { width: 100%;}
.col-11 { width: 91.66666667%;}
.col-10 { width: 83.33333333%;}
.col-9 { width: 75%;}
.col-8 { width: 66.66666667%;}
.col-7 { width: 58.33333333%;}
.col-6 { width: 50%;}
.col-5 { width: 41.66666667%;}
.col-4 { width: 33.33333333%;}
.col-3 { width: 25%;}
.col-2 { width: 16.66666667%;}
.col-1 { width: 8.33333333%;}
.col-right-12 { right: 100%;}
.col-right-11 { right: 91.66666667%;}
.col-right-10 { right: 83.33333333%;}
.col-right-9 { right: 75%;}
.col-right-8 { right: 66.66666667%;}
.col-right-7 { right: 58.33333333%;}
.col-right-6 { right: 50%;}
.col-right-5 { right: 41.66666667%;}
.col-right-4 { right: 33.33333333%;}
.col-right-3 { right: 25%;}
.col-right-2 { right: 16.66666667%;}
.col-right-1 { right: 8.33333333%;}
.col-right-0 { right: auto;}
.col-left-12 { left: 100%;}
.col-left-11 { left: 91.66666667%;}
.col-left-10 { left: 83.33333333%;}
.col-left-9 { left: 75%;}
.col-left-8 { left: 66.66666667%;}
.col-left-7 { left: 58.33333333%;}
.col-left-6 { left: 50%;}
.col-left-5 { left: 41.66666667%;}
.col-left-4 { left: 33.33333333%;}
.col-left-3 { left: 25%;}
.col-left-2 { left: 16.66666667%;}
.col-left-1 { left: 8.33333333%;}
.col-left-0 { left: auto;}
.col-offset-12 { margin-left: 100%;}
.col-offset-11 { margin-left: 91.66666667%;}
.col-offset-10 { margin-left: 83.33333333%;}
.col-offset-9 { margin-left: 75%;}
.col-offset-8 { margin-left: 66.66666667%;}
.col-offset-7 { margin-left: 58.33333333%;}
.col-offset-6 { margin-left: 50%;}
.col-offset-5 { margin-left: 41.66666667%;}
.col-offset-4 { margin-left: 33.33333333%;}
.col-offset-3 { margin-left: 25%;}
.col-offset-2 { margin-left: 16.66666667%;}
.col-offset-1 { margin-left: 8.33333333%;}
.col-offset-0 { margin-left: 0%;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after { content: " "; display: table; clear: both;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body { font-size: 14px; line-height: 1.42857143; margin: 0px;}
.container { padding-left: 20px; padding-right: 20px;}
.row { margin-bottom: 5px; margin-top:5px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; float: left;}
.col-12 { width: 100%;}
.col-11 { width: 91.66666667%;}
.col-10 { width: 83.33333333%;}
.col-9 { width: 75%;}
.col-8 { width: 66.66666667%;}
.col-7 { width: 58.33333333%;}
.col-6 { width: 50%;}
.col-5 { width: 41.66666667%;}
.col-4 { width: 33.33333333%;}
.col-3 { width: 25%;}
.col-2 { width: 16.66666667%;}
.col-1 { width: 8.33333333%;}
.col-right-12 { right: 100%;}
.col-right-11 { right: 91.66666667%;}
.col-right-10 { right: 83.33333333%;}
.col-right-9 { right: 75%;}
.col-right-8 { right: 66.66666667%;}
.col-right-7 { right: 58.33333333%;}
.col-right-6 { right: 50%;}
.col-right-5 { right: 41.66666667%;}
.col-right-4 { right: 33.33333333%;}
.col-right-3 { right: 25%;}
.col-right-2 { right: 16.66666667%;}
.col-right-1 { right: 8.33333333%;}
.col-right-0 { right: auto;}
.col-left-12 { left: 100%;}
.col-left-11 { left: 91.66666667%;}
.col-left-10 { left: 83.33333333%;}
.col-left-9 { left: 75%;}
.col-left-8 { left: 66.66666667%;}
.col-left-7 { left: 58.33333333%;}
.col-left-6 { left: 50%;}
.col-left-5 { left: 41.66666667%;}
.col-left-4 { left: 33.33333333%;}
.col-left-3 { left: 25%;}
.col-left-2 { left: 16.66666667%;}
.col-left-1 { left: 8.33333333%;}
.col-left-0 { left: auto;}
.col-offset-12 { margin-left: 100%;}
.col-offset-11 { margin-left: 91.66666667%;}
.col-offset-10 { margin-left: 83.33333333%;}
.col-offset-9 { margin-left: 75%;}
.col-offset-8 { margin-left: 66.66666667%;}
.col-offset-7 { margin-left: 58.33333333%;}
.col-offset-6 { margin-left: 50%;}
.col-offset-5 { margin-left: 41.66666667%;}
.col-offset-4 { margin-left: 33.33333333%;}
.col-offset-3 { margin-left: 25%;}
.col-offset-2 { margin-left: 16.66666667%;}
.col-offset-1 { margin-left: 8.33333333%;}
.col-offset-0 { margin-left: 0%;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after { content: " "; display: table; clear: both;}
0 0
- bootstrap栅栏布局
- 利用bootstrap的栅栏实现两列布局
- bootstrap栅栏布局下水平滚动条的处理
- 栅栏布局
- 栅栏布局
- Bootstrap 栅栏系统
- Bootstrap-栅栏系统
- 栅栏式布局
- bootstrap 栅栏系统练习1
- BootStrap入门响应式栅栏
- 制作简约CSS栅栏布局
- Bootstrap 引入 栅栏系统 文本 表格 类
- Bootstrap 布局
- Bootstrap布局
- Bootstrap 布局
- Bootstrap布局
- 淘宝栅栏布局模块化命名浅析
- bootstrap布局:网格布局
- tomcat结合nginx使用小结
- 上海市人民政府办公厅转发市建设管理委关于在本市推进BIM技术应用指导意见
- 网页html分帧
- Java内存分配全面浅析
- java里面自动导包的快捷键
- bootstrap栅栏布局
- 附件地点搜索(非geohash)
- 调用webservice接口方法参数越界问题
- 关于VS2012中XXXApp::OnFileOpen不被执行解决方案
- 生成UUID
- iOS应用程序安全(20)-本地数据存储及其安全性(NSUserDefaults, CoreData, Sqlite, Plist 文件)
- 10个 ssh 简单命令选项
- PHP编码问题总结
- java中io与file的简单了解