今天完成的事情:

1.完成article列表详情页。

2.对bootstrap表格有了进一步的认识。

明天计划的事情：

最后一个页面写完，实现单页面跳转，把任务6全部完成。

遇到的困难：

我的article列表详情页是用bootstrap来写的，我发现input type="text"默认输入框在页面伸缩的时候会出现边框部分缺失现象，所以我特意写了个demo，来看看是因为bootstrap引起的还是因为默认input框所引起的。demo如下图所示

<label>qwewerrqwq</label>
<input type="text"><br/>
<label>qwewerrqwq</label>
<input type="text"><br/>
<label>qwewerrqwq</label>
<input type="text">

然后我再打开浏览器，在伸缩网页的过程中，无论是有bootstrap样式还是没有bootstrap样式，input在调节页面大小的时候，都会出现边框缺失的情况或者是，然后自己去试下到底是input输入框整体出问题还是input type="text"属性值出问题。然后自己就用input type="button"在尝试一下，看看到底是哪里的问题，结果应该是input框的默认样式渲染效果在chrome的手机模式上表现不佳所造成的，看看这两个图的差距就知道了

调节页面的过程中会出现按钮框重叠的现象。把input框设置一个border就能解决该问题。所以以后凡是有input框最后都需要修改一下input框的border样式。

收获：

学习了bootstrap的表格知识，通过bootstrap，可以更加简便的做出一个美观的表格。