今天完成的事情：

第一个页面的导航栏

.tencent{
  margin-right: 5px;
}
.container{
  background-color: #29b078;
  padding-left: 5vw;
  padding-right: 5vw;
  height: 55px;
}
.logo{
  float: left;
  padding-top: 5px;
}
.home{
  float: right;
  color:  #fff;
  padding: 15px 1px 15px 1px;
}
.home a{
  padding: 15px 15px 15px 15px;
}
.post:hover{
  border-bottom:2px solid #fff;
}

明天计划的事情：明天完成导航栏和轮播图吧

遇到的问题：今天的问题是发现加hover效果的时候加不上去，找了半天发现是自己命名写的不对，就很尴尬。

收获：今天准备了明天小课堂要用资料，所以又仔细看了一遍Bootstrap 网格系统，感觉多了些认识。bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距， 最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。不过最常见的是分成12份，24份和32份虽然也有但是不提倡用。