发表于: 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理论知识的学习,加深理解。
遇到的问题:页面布局的时候,由于理论知识学习理解的不透彻,导致在进行任务的时候出现了各种问题,感觉没有思路,任务进度很慢。
收获:学会了制作轮播图以及通过列偏移改变页面样式。
评论