发表于: 2017-07-26 23:31:47

1 561


今天完成的事情:

任务6的头部下方有3个下拉菜单,之前未使用bootstrap的时候是用左浮动的无序列表实现的,3个<li>宽度都设置为33.33%,每一栏里右侧的下三角是用CSS3写的。现在使用bootstrap中的"input-group"和"input-group-addon"类,再加上<select>标签,就能非常美观的实现这一功能。"input-group"是输入框组,"input-group-addon"为一个输入框,每个"input-group-addon"内都可以装一个输入类型,且每个输入框占据的宽度相同,输入框可以是文本框、密码、文本域,也可以是<select>,在select标签内添加"form-control"类,可使选框更美观。

学习了bootstrap,并将bootstrap运用到了任务6中;

今天首先确定了学习bootstrap的目标:

1.要懂得bootstrap有什么,能实现什么功能,能大致做成什么样子。

2.要能快速找到我需要的东西在bootstrap的哪里。把这两点做到之后,当我再去做任务的时候,如果有需要,我知道bootstrap能实现这个功能,并且大概在什么地方,那么我就能很快把代码复制过来。

 

明天计划的事情:

Task7


遇到的问题:

雪碧图、雪碧图、雪碧图


收获:

对bootstrap有了比较充分的了解,通过在任务6中的运用,熟悉了其使用方式;

重新温习了遍viewport内容的知识点并重新运用在task5。



返回列表 返回列表
评论

    分享到