一个 Column 就是一栏内容 .. 我们可以单独去设置它的宽度 .. 一个 Row 表示的是一排内容,或者叫一行内容 .. 使用它我们可以把几个栏组织在一起 ..
这里我们在 Grid 容器上添加了一个 four column .. 表示每行显示四栏内容 .. 下面我们用一个 row,去包装一下 1 号栏还有 2号栏 ..
用一个 div .. 上面加上 row .. 用这个容器包装一下 1 还有 2 这两个栏 .. 保存 ..
你会发现,第一排只有两栏内容 . 因为我们用了一个 row 把它们组织在了一起 .. 这样我们可以单独去设置一下这行内容里的栏 .. 比如我想让 2号栏浮动到右边 .. 在这个栏的容器上,添加一个 right floated .. (#保存 ) .. 现在它会在页面的右边显示 ..
或者我们也可以重新定义这排内容里的栏的宽度 .. 比如想让它们平均分成两份 .. 先去掉这个 right floated .. 然后在这个 row 的上面,添加一个 two column .. 现在第一排内容里的这两个栏,会各自占用整行内容的 2分之1 的宽度 ..