发表于： 2019-03-11 23:09:11
1 689
今天完成的事情：
任务8中间部分完成，尾部还差一点，
明天计划的事情：
完成任务8第一个页面，尽可能完成后面两个页面。
遇到的问题：
col四个盒子的居中布局问题，由于栅格布局问题，始终无法居中，现在具体原因找不到，分析原因可能是col-xl的值数，因为bootstarp col值自带宽度，所以盒子的宽度没法给与。
收获：
对栅格系统运用的进一步加深
- 栅格系统提供了集中内容居中、水平填充网页内容的方法，使用
.container(严格意义上也包括.container-fluid，后文相同不再备注-译者)应答网页宽度，或使用.container-fluid使网页能够以100%宽度呈现在所有的浏览器窗口或设备尺寸上。
换一个说法就是：.container实现固定的宽度并居中呈现，.container-fluid实现全宽度，并和其它网格实现对齐(译者注)。 - 行(
.row)是列(.col-*)的横向组合和父容器(它们有效组织在.row下)，每列都有水平的padding值，用于控制它们之间的间隔，同时在负边距的行上抵消，从而实现列中的所有内容在视觉上是左侧对齐的体验。
，还有就是盒子背影的制作，
对margin 0 auto属性的认知，能实现整体居中的效果
对bootstrap框架布局有了进一步的认知。感觉boots arp框架布局就是为了简单效率化能更快更好的去完成你需要的布局问题，
返回列表
评论