首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端|响应式开发之布局容器

解决方案 响应式布局和之前的开发布局有着很多不同的地方,在做响应式开发的时候会用的一个大的布局容器,在做响应式布局开发的时候会用到一个框架——Bootstarp前端开发框架。...使用的时候必须叫这个名字,因为bootstarp事先将这个类定义好了,所以必须叫做.container 首先看第一个叫做container类,这个container类就是响应式的布局容器,它的宽度是固定死的...(1)大屏(>=1200px)宽度为1170px (2)中屏(>=992px)宽度为970px (3)小屏(>=768px)宽度为750px (4)超小屏(100%) 所以在使用的时候只需要在Bootstarp...页面中写入.container类,就再也不需要写媒体查询了,所以称这个类为预定义类,在Bootstarp中有很多这样的预定义类,只需要了解这个类怎么使用以及这个类实现了什么功能就可以了。...在之前的响应式布局中还需要手动去写,在不同的尺寸下划分为不同的档位,在当然尺寸是可以随便划分的,但在Bootstarp是规定了这四个档位,就只用这四个就可以了。 ? 图2.1 效果图 ?

69610
领券