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