发表于: 2018-11-23 22:44:59

2 681


今天完成的事:

1.学习了bootstrap轮播,并尝试运用在页面布局中:

基本代码框架如下:

2.列偏移:(这一个知识点已理解并在页面布局中尝试运用了)

使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距(margin)。例如,.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列(column)的宽度。


3.流式布局容器:

将最外面的布局元素 .container 修改为 .container-fluid,就可以将固定宽度的栅格布局转换为 100% 宽度的布局

4.嵌套列

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

多余的列(column)将另起一行排列

如果在一个 .row 内包含的列(column)大于12个,包含多余列(column)的元素将作为一个整体单元被另起一行排列。


明天计划的事:理清思路,再 开始进行任务八的布局,同时加强bootstrap理论知识的学习,加深理解。


遇到的问题:页面布局的时候,由于理论知识学习理解的不透彻,导致在进行任务的时候出现了各种问题,感觉没有思路,任务进度很慢。


收获:学会了制作轮播图以及通过列偏移改变页面样式。


返回列表 返回列表
评论

    分享到