![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
栅格布局
倩楠楠
你的日积月累,早晚会成为别人的望尘莫及
展开
-
boot响应式要点总结
响应式网页适用于不太复杂的页面写响应式,要考虑多个屏幕下的对齐主要使用栅格,完成响应式手写媒体查询配合栅格row-----自带-15px左右外边距col-----自带-15px左右内边距boot的媒体查询,向上兼容响应式网页,少用定位...原创 2020-07-20 10:08:38 · 134 阅读 · 2 评论 -
栅格布局
1、web页面中,布局方式有三种2、栅格的概念我们把每一行布局分成12分元素的占地宽度靠份数定义3、栅格属性1.使用栅格必须放在.container中,或者.container-fluid中2.每一行每一个row,弹性,主轴x,可以换行,有**-15px的左右外边距**3.使用col-n,来声明元素在row中占几份自带左右15px的内边距4、响应式的栅格布局一行四列,大屏幕1:1:1:1 中屏幕 两个一行1:1/1:1小屏幕 每个单独一行col-*-n *:xl/lg/md/s原创 2020-07-20 09:53:40 · 3421 阅读 · 0 评论