发表于： 2019-05-12 17:59:00
2 877
今天完成的事情：
- 栅格系统中 container和container-fluid类 的区别？
官方文档描述 .container的固定宽度指的是在不同分辨率下有不同的定宽。且大于1200px，宽度固定为1170px。
且左右内边距固定为15px。margin: 0 auto,使得在不同情况下都能够水平居中。
.png)
.png)
container-fluid则是内容区占据100%宽度，不能够使得内容居中。
.png)
用法：container可以用在需要居中的响应式布局的，最外层盒子。
2.bootstrap布局，是分成12分，默认只有偶尔个布局才能平分。但是能够利用媒体查询，自定义平分的个数。需要分成五份，每一份就是20%。不需要每个都写，在需要的分辨率下设置。如果给定图片固定宽度，且宽度和大于内容宽度，那么即使设置了五等分，放不下的也会被挤到下一行。
.png)
3.之前对bootstrap和响应式布局理解有点错误，导致走了不少弯路。但也收获不少，学会了如何如何分析问题、定位问题。
关注点应该放在理解知识本身，而不只是为了完成任务。
4.页面一完成70%重构，剩下的需要再花1~2天时间重构。
明天计划的事情：
1.休息一天，调整一下
返回列表
评论