写在最后
为了这次面试,也收集了很多的面试题!
以下是部分面试题截图
width: 750px;
}
}
@media screen and (min-width: 992px){
.container{
width:970px;
}
}
@media screen and (min-width: 1200px){
.container{
width: 1170px;
}
}
3.bootstrap里格式,定义都是事先定义好了的,必须使用正确才能正确调用。
4…container容器。
.container-fluid是百分百宽度。
5.栅格系统。
5.1栅格系统英文为“grid systems”, 也有人翻译为“网格系统”,它是指将页面布局划分为等宽的列,然后通过列数的定义来模块化页面布局。Bootstrap提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口( viewport )尺寸的增加系统会自动分为最多1 2列。Bootstrap里面container宽度是固定的,但是不同屏幕下, container的宽度不同,我们再把container划分为12等份。
5.2row//列,在栅格系统中常用。
5.3col-lg-3 col-md-4 col-sm-6 col-xs-12//定义在不同屏幕下的栅格使用量。
5.4列偏移 col-lg/md/sm/xs-offset-份数//实现分块的不同位置摆放。
例如:
5.4列排序 col-lg/md/sm/xs-push/pull-份数//实现栅格系统中盒子的排序问题。
例如:
6.响应式工具
6.1 hidden-lg/md/sm/xs //意为在某种屏幕下就进行隐藏。
例如:
将会在超小屏和中等屏下隐藏。技术学习总结
学习技术一定要制定一个明确的学习路线,这样才能高效的学习,不必要做无效功,既浪费时间又得不到什么效率,大家不妨按照我这份路线来学习。
最后面试分享
大家不妨直接在牛客和力扣上多刷题,同时,我也拿了一些面试题跟大家分享,也是从一些大佬那里获得的,大家不妨多刷刷题,为金九银十冲一波!
面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】](https://bbs.csdn.net/topics/618154847)收录**