发表于： 2019-05-04 22:04:17
2 641
今天完成的事情：
了解bootstrap布局，container-row-column，使用时container包含row，row包含column。
container默认左右padding值15px，row默认左右margin值-15px，column默认左右padding值15px，所以布局中column可代替container布局，即row可直接放在column下使用。
使用container布局时会有默认的margin值，若使用 container-fluid，可以使div宽度扩展到整个宽度。即container实现固定的宽度并居中呈现，container-fluid实现全宽度（无父元素为页面宽度，有父元素为父元素允许的最大宽度）
使用no-gueest属性可消除row默认的margin值。
使用媒体查询使页面在不同大小下显示不同内容。
查看资料： 不定宽-常见布局。加深页面布局的理解。
遇到的问题：
不同页面下，如何使用bootstrap布局使内容显示合理。
col5等分问题，还需继续了解栅格布局。
css命名艰难，还需规范css命名。
明天计划的事情：
加深垂直居中方法的运用，继续了解栅栏布局，大致完成首页的页面布局。
返回列表
评论