发表于: 2018-07-12 20:55:27

1 655


今天完成的事情:今天一直在看栅格系统的嵌套,然后写了导航栏,今天就写了一个导航栏还有栅格系统的嵌套,预计明天能够完成任务十.


明天计划的事情:明天写完任务是,有时间的话,写任务总结还有深度思考.


遇到的问题:今天遇到的问题就是栅格系统的嵌套,然后自己看了会儿资料解决了问题.


收获:栅格系统的嵌套还有各种布局.



栅格系统的嵌套:
为了使用内置的栅格系统将内容再次嵌套,可以通过添加一个新的 .row 元素和一系列 .col-sm-* 元素到已经存在的 .col-sm-* 元素内。被嵌套的行(row)所包含的列(column)的个数不能超过12,


栅格系统的列偏移

有的时候,我们不希望相邻的两个列紧靠在一起,但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移(offset)功能来实现。使用列偏移也非常简单,只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度。使用”col-md-offset-*”对列进行向右偏移时,要保证列与偏移列的总数不超过12,不然会致列断行显示.



列排序

通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列(column)的顺序。








禅道:

css-task8

任务开始:6.28

预计结束:7.10

禅道主页:http://task.jnshu.com/zentao/project-task-789.html




返回列表 返回列表
评论

    分享到