前端之响应式布局bootstrap

页面布局随着屏幕大小变化而做出不同响应。
移动端
pc端
ipad端
响应式开发的原理,媒体查询

布局容器

.container
container-fluid

栅格系统

把页面内容划分成为若干等分的列,在bootstrap中分为12列
通过行和列的组合创建页面
如果孩子相加=12则能够占满一行
如果孩子相加小于12,不会占满容器宽度
如果孩子相加多于12,多出的那列会另起一行显示

不同屏幕下分数不同
col-lg-3 4份
col-md-4 3份

列嵌套
列偏移
列排序 col-lg-pull-4 col-lg-push-8

hidden-xs
visible-xs

先写pc端,然后在使用媒体查询,控制移动端的展示


火车票还有候补的功能不太清楚什么时候添加的
我觉得火车票本质上就是资源

发布了370 篇原创文章 · 获赞 81 · 访问量 30万+

猜你喜欢

转载自blog.csdn.net/lineuman/article/details/103640245
今日推荐