2-4栅格布局(一)

来源:2-4 栅格化布局(一)

soso_crazy

2019-02-20 19:19:04

<div class="row">
		 		<div class="col-sm-9">
		 		1
					<div class="row">
						<div class="col-md-4">1</div>
				 		<div class="col-md-8">2</div>
				 		
					</div>
		 		</div>
		 	</div>

<!-- 嵌套 row元素只能嵌套在 col中 把父row 划分成12列-->

这里的父row指的是<div class="col-sm-9">上的divclass为row 还是container下的第一个row?

嵌套 row元素只能嵌套在 col中 这里的col指的是row元素的直接子元素吗?

写回答

1回答

好帮手慕星星

2019-02-21

你好,

1、父row指的是<div class="col-sm-9">中的div.row,因为在<div class="col-sm-9">中嵌套了一个row,所以下面的所有内容就会将<div class="col-sm-9">所占据的宽度划分为12列。

2、在嵌套的时候,row不能直接嵌套row,需要嵌套在列中:

http://img.mukewang.com/climg/5c6e05d60001858b09380596.jpg

和table表格有点类似,如果在表格中嵌套表格,不能直接写table中嵌套table,应该在td单元格中嵌套table。

可以再测试理解下,祝学习愉快!

0

0 学习 · 5012 问题

查看课程