BootStrap栅格布局
来源:互联网 发布:长整型数java 编辑:程序博客网 时间:2024/05/17 05:56
BootStrap将屏幕分为12等分,在具体的DIV中,可以通过设置DIV的所占等分的数字确定其在屏幕中占有的宽度。如:
- <divclass="row“><!--表示另起一行-->
- <divclass="col-md-8"style="border:1px solid black;height:100px;"></div>
- <divclass="col-md-4"style="border:1px solid black;height:100px;"></div>
- </div>
在第一个DIV中class="col-md-8",第二个DIV中class="col-md-4", 其中‘8’和‘4’就是其DIV所占屏幕宽度的数值,加在一起等于‘12’。也就是第一个DIV占整个屏幕宽度的‘8/12’,第二个DIV占‘4/12’。 注:在上述代码中为了突显区块,我们设置了DIV的边框宽度为1像素黑色实线,高度设为100像素。
0 0
- bootstrap栅格布局
- Bootstrap-栅格布局实例
- bootstrap-栅格布局
- BootStrap栅格布局
- bootstrap详解-栅格布局
- bootstrap栅格系统布局
- bootstrap栅格式布局
- Bootstrap栅格布局的注意事项
- Bootstrap-栅格系统自适应布局
- Bootstrap栅格系统(布局)
- Bootstrap-栅格系统自适应布局
- Bootstrap中的栅格布局系统
- Bootstrap的栅格化布局样式
- bootstrap栅格布局笔记(1)
- 响应式设计-Bootstrap栅格布局
- Bootstrap学习之二:栅格化布局
- 【Web】Bootstrap栅格布局系统设计原理
- Bootstrap栅格系统详解,响应式布局
- maven发布到私服
- 底部弹出alertDialog,宽度匹配屏幕宽
- Scala学习整理[第三十一章 连接符解析]<Programming In Scala>
- STM32学习笔记(一)----基本位操作
- AI
- BootStrap栅格布局
- sql游标学习
- 跨域上传文件
- 7.5.2
- 超多Android资源站整理 值得一看
- shell多线程脚本
- 分布式锁实现方式二 基于Redis的分布式锁
- C++类型重定义错误的解决方法
- Hibernate主键生成策略