发表于: 2017-03-30 23:21:47
1 690
今天完成的事情:
1、修改了页面1中的导航栏和页脚栏以及其中未响应式的部分。
2、完成了页面2,和设计图相同。
3、学会了利用bootstrap实现一个响应式的导航栏。(不过其中的样式可能还需要调整,现在下拉菜单会覆盖下面的内容,明天看下前几天师兄讲的小课堂,进行修改下。)
4、利用bootstrap的表格完成了页面2的主要部分。学会了一些表格中的主要属性,colspan规定单元格可横跨的列数。 rowspan设置单元格可横跨的行数。因为之前对表格用的比较少,所以以后还需要多了解一下。
明天计划的事情:
1、完成页面3(推荐页)。
2、查看html和css编写规范,对照下自己的代码,找一下其中不符合的地方,看能否调整。
遇到的问题:
1、bootstrap的栅格系统中行(row)中的列元素(.col-xx-xx)通过内边距(padding)创建列内容之间的间隙,但是当列元素需要建立边框的时候,这时候设置边框会显的列之间没有空隙(不太美观),设置margin-left/right会打乱原本布局。暂未想到一个好的方法来解决这个问题。
收获:
1、利用bootstrap能添加一些有样式的表格,学会了表格中一些常用的属性。colspan和rowspan的用法。
评论