bootstrap栅格系统的偏移
2018-03-17 20:25
381 查看
bootstrap栅格系统的偏移
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>05-栅格系统-偏移</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <script type="text/javascript"> </script> <style type="text/css"> div[class*='col-']{ background-color: gold; border: 1px solid #666; height: 50px; } </style> </head> <body> <div class="container"> <!-- row的作用是为了对齐 --> <div class="row"> <div class="col-lg-2">1</div> <div class="col-lg-2 col-lg-offset-3">2</div> <div class="col-lg-2 col-lg-offset-3">3</div> </div> </div> </body> </html>
相关文章推荐
- Bootstrap3 栅格系统-列偏移
- Bootstrap3 栅格系统-列偏移
- Bootstrap之栅格系统偏移
- Bootstrap3基础 栅格系统 col-md-offset 向右偏移
- bootstrap 栅格系统实现类似table跨行
- bootstrap3.0教程之栅格系统原理(布局)
- Bootstrap栅格系统的使用和理解2
- Bootstrap 栅格系统
- bootstrap栅格系统自定义列
- Bootstrap3.0学习第二轮(栅格系统原理)
- bootstrap------栅格系统
- Bootstrap 栅格系统的精妙之处
- Bootstrap3 栅格系统-实例:响应列重置(Responsive column resets)
- Bootstrap3 栅格系统-列排序
- 【BootStrap】栅格系统、表单样式与按钮样式-附有源码
- Bootstrap布局之栅格系统详解
- 【8】了解Bootstrap栅格系统基础案例(3)
- bootstrap栅格系统中同行div高度不一致的解决方法
- 总结:bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位、打开新标签
- Bootstrap3基础 栅格系统 col-md-push/pull 向左、右偏移