![Bootstrap从入门到项目实战](https://wfqqreader-1252317822.image.myqcloud.com/cover/95/27738095/b_27738095.jpg)
上QQ阅读APP看书,第一时间看更新
3.1.2 响应断点
Bootstrap使用媒体查询为布局和接口创建合理的断点。这些断点主要基于最小的视口宽度,并且允许随着视口的变化而扩展元素。
Bootstrap 4程序主要使用源Sass文件中的以下媒体查询范围(或断点)来处理布局、网格系统和组件。
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P33_11395.jpg?sign=1738969666-wwoGIQ0M6tgHMQREk66zbI6gWRN4R0rH-0-180d4ca461488a4d59e4adc1033f95f6)
由于在Sass中编写源CSS,因此所有的媒体查询都可以通过Sass mixins获得:
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P33_442.jpg?sign=1738969666-sV8Ni7b99yhWqrECkWgRSWvKdIBxpZ1a-0-d89465e41429687c09f4f15c848d1379)
Bootstrap使用媒体查询为布局和接口创建合理的断点。这些断点主要基于最小的视口宽度,并且允许随着视口的变化而扩展元素。
Bootstrap 4程序主要使用源Sass文件中的以下媒体查询范围(或断点)来处理布局、网格系统和组件。
由于在Sass中编写源CSS,因此所有的媒体查询都可以通过Sass mixins获得: