发表于： 2017-03-11 21:57:33
1 598
今天完成的事情：完成任务的第一个页面，做任务的第二个页面，第二个页面用了栅格布局，用三个col-xs-4做成1行，然后在每个col-xs-4里面放入一个表格。为表格里的内容设置样式。
.col-xs- 超小屏幕 手机 (<768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)
明天计划的事情：在每个表格下加一个层设置半透明覆盖住表格，然后再为表格加上鼠标的hover事件。
遇到的问题：做表格的时候发现表格的内容太大了，三个表格放下就把整行的内容溢出去了，后面是通过李维文给说了col-xs-*有其他的用法。改了之后就好了。还发现当col-xs-*的内容过多时，会使层的高度过高，在添加的下一个col-xs-*会从页面的后半部分开始显示，这时候就需要清除浮动了，使用
<div class="clearfix"></div>可以解决。
收获：多用用Bootstrap就遇到的问题更多，知道的也更多。
返回列表
评论