![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=1738840382-kFntfT0Y9P5QxedtA2TTd38a5lqExKex-0-74ac9219245752addefb9a88cdc0d62f)
由于在Sass中编写源CSS,因此所有的媒体查询都可以通过Sass mixins获得:
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P33_442.jpg?sign=1738840382-SOl6QC5o8ca66YU5tC1hAv79meezt46X-0-4fad4f46a6e255d06db1fb7a5d85c545)
Bootstrap使用媒体查询为布局和接口创建合理的断点。这些断点主要基于最小的视口宽度,并且允许随着视口的变化而扩展元素。
Bootstrap 4程序主要使用源Sass文件中的以下媒体查询范围(或断点)来处理布局、网格系统和组件。
由于在Sass中编写源CSS,因此所有的媒体查询都可以通过Sass mixins获得: