BOOTSTRAP栅格系统解析
来源:互联网 发布:剑三南风花哥捏脸数据 编辑:程序博客网 时间:2024/04/28 08:12
BOOTSTRAP 栅格系统
布局容器
Bootstrap需要为栅格系统包裹一个.container的容器,栅格系统中,浏览器会随着屏幕的大小增减自动分配最多12个列。通过行和列的组合来创建布局。
工作原理
- 行(row)必须包裹在.container中。
- 通过行(row)在水平方向创建列。
- 你的内容应该放在列(column)内部,只有列(column)才能做行(row)的子元素。
- 如果一“行(row)”中包含了的“列(column)”大于 12,多余的“列(column) ”
所在的元素将被作为一个整体另起一行排列。栅格类适用于与屏幕宽度大于或等于分界点大小的设备 , 并且针对小屏幕设备覆盖栅格类。 因此,在元素上应用任何 .col-md-* 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ,并且针对小屏幕设备覆盖栅格类。
代码块
代码块语法遵循标准markdown代码,例如:
//四种屏幕全部激活<div class="container"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">1</div> <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">1</div> <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">1</div> <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">1</div> <div/><div/>
0 0
- BOOTSTRAP栅格系统解析
- Bootstrap中的栅格栅格系统
- Bootstrap栅格系统研究
- CSS Bootstrap 栅格系统
- Bootstrap 栅格系统
- Bootstrap栅格系统研究
- Bootstrap栅格系统研究
- bootstrap 栅格系统
- Bootstrap-栅格系统
- Bootstrap栅格系统研究
- Bootstrap栅格系统研究
- bootstrap--栅格系统
- Bootstrap 栅格系统
- BootStrap栅格系统
- Bootstrap 栅格系统
- Bootstrap 栅格系统
- Bootstrap 栅格系统
- bootstrap 栅格系统
- ElasticSearch性能调优
- leetcode283~Move Zeroes
- Quartz+JAVA+Servlet实现任务调度系统(简洁)
- 洛谷 P1144 最短路计数
- leetcode382 Linked List Random Node java
- BOOTSTRAP栅格系统解析
- Linux系统使用——权限管理命令
- 【Oracle】创建DBlink的流程及注意事项
- Android中使用Handler造成内存泄露的分析和解决
- Android Studio获得SHA1(debug版和realse版)
- Java访问修饰符权限
- linux 流量监控工具
- 使用moy快速开发后台管理系统(一)
- 蓝桥杯——算法训练 求完数(Vip试题)