发表于: 2017-03-02 23:58:17

3 607


今天完成的事情/收获:任务9-3完成了导航栏和主要内容的布局以及响应式布局

                                   再次的学到了bootstrap的强大与好用。今天用了流式布局容器.container-fluid (100%                                                              宽度)中,以便为其赋予合适的排列(aligment)和内补(padding)。用 .col-xs-* 和 .col-md-*。的组合实现了如下布局

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4

(分辨率改变后会折叠)


遇 到的问题: 开始的时候.container-fluid  布局老是出错。我F12调试了好久。到头也没找到问题。后来直接复制的官网框架才好的(这里说明我可能只是                                      打错了标签);
明天计划的事情:完成9-3的底部导航栏以及给内容添加炫酷的样式并且给予响应式优化


返回列表 返回列表
评论

    分享到