发表于: 2017-03-30 23:21:47

1 691


  • 今天完成的事情:

  • 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的用法。




返回列表 返回列表
评论

    分享到