Bootstrap之栅格系统偏移
2017-09-04 17:47
316 查看
Bootstrap之栅格系统偏移
Bootstrap之栅格系统偏移:
在Bootstrap中可能会使用到offset(偏移),具体语法格式如下:
<div class="col-md-1 offset-md-offset-1">1</div> //适合在pc端向右偏移一格
<div class="col-xs-1
offset-xs-offset-1">1</div> //适合在手机端向右偏移一格
<div
class="col-sm-1 offset-sm-offset-1">1</div>//适合在平板端向右偏移一格
ps:offset偏移都是向右偏移
col-md-pull-偏移数值
//向左偏移
col-md-push-偏移数值
//向右偏移
Bootstrap之栅格系统偏移:
在Bootstrap中可能会使用到offset(偏移),具体语法格式如下:
<div class="col-md-1 offset-md-offset-1">1</div> //适合在pc端向右偏移一格
<div class="col-xs-1
offset-xs-offset-1">1</div> //适合在手机端向右偏移一格
<div
class="col-sm-1 offset-sm-offset-1">1</div>//适合在平板端向右偏移一格
ps:offset偏移都是向右偏移
col-md-pull-偏移数值
//向左偏移
col-md-push-偏移数值
//向右偏移
相关文章推荐
- Bootstrap3基础 栅格系统 col-md-offset 向右偏移
- bootstrap栅格系统的偏移
- Bootstrap3 栅格系统-列偏移
- Bootstrap3 栅格系统-列偏移
- Bootstrap 栅格系统
- Bootstrap 全局CSS样式之栅格系统
- Bootstrap栅格系统简单实现代码
- Bootstrap3基础 栅格系统 1行最多12列
- bootstrap入门 css栅格系统
- 利用bootstrap Grid栅格系统的向下缩小特性排版
- Bootstrap 栅格系统
- Bootstrap笔记-----栅格系统01
- Bootstrap3 栅格系统-实例:流式布局容器
- bootstrap及栅格系统
- Bootstrap 栅格系统
- Bootstrap3 栅格系统-Less mixin 和变量
- bootstrap之栅格系统
- Bootstrap 栅格系统
- Bootstrap学习笔记(1)栅格系统
- bootstrap的栅格系统(网格系统)