列的嵌套
2016-03-19 11:18
281 查看
Bootstrap框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行(row)容器,然后在这个行容器中插入列(像前面介绍的一样使用列)。但在列容器中的行容器(row),宽度为100%时,就是当前外部列的宽度。来看一个简单示例:
效果如下:
注意:嵌套的列总数也需要遵循不超过12列。不然会造成末位列换行显示。
<div class="container"> <div class="row"> <div class="col-md-8"> 我的里面嵌套了一个网格 <div class="row"> <div class="col-md-6">col-md-6</div> <div class="col-md-6">col-md-6</div> </div> </div> <div class="col-md-4">col-md-4</div> </div> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-8"> 我的里面嵌套了一个网格 <div class="row"> <div class="col-md-4">col-md-4</div> <div class="col-md-4">col-md-4</div> <div class="col-md-4">col-md-4</div> </div> </div> </div> </div>
效果如下:
注意:嵌套的列总数也需要遵循不超过12列。不然会造成末位列换行显示。
相关文章推荐
- android“Binary XML file line # : Error inflating class” 什么二进制编译错误解决办法
- YTU 2203: 最小节点(线性表)
- Python中用pycurl监控http响应时间脚本分享
- n个人围城一圈报数,报数为3的人推出圈子,求剩下的人原序号是多少。
- Ubuntu下Essentia安装及配置
- C++中的异常处理
- 设计模式之抽象工厂模式
- 烂泥:Postfix邮件服务器搭建之准备工作
- nyist 364
- java数据结构排序之希尔排序实现
- sscanf陷阱
- iOS 组件化方案探索
- YTU 2481: 01字串
- Objective-C 协议 protocol
- Oracle中的NVL函数
- 杭电2084数塔(逆序)
- Windows下用Matlab加载caffemodel做图像分类
- 初始化动态分配数组
- memcpy函数
- 宏定义学习