- Bootstrap从入门到项目实战
- 李爱玲
- 129字
- 2021-03-24 20:36:45
3.1.2 响应断点
Bootstrap使用媒体查询为布局和接口创建合理的断点。这些断点主要基于最小的视口宽度,并且允许随着视口的变化而扩展元素。
Bootstrap 4程序主要使用源Sass文件中的以下媒体查询范围(或断点)来处理布局、网格系统和组件。
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P33_11395.jpg?sign=1738942024-cbu7OKRutUvuEInAUQL2GJlK7wAJf8I6-0-d0604b5bc7c64547ee4fae7f2ae35c84)
由于在Sass中编写源CSS,因此所有的媒体查询都可以通过Sass mixins获得:
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P33_442.jpg?sign=1738942024-ZuTjHFVH6qIryVzspmQwvw8vVHW5gqrj-0-14131ddb4939be83953966a9114651b3)
Bootstrap使用媒体查询为布局和接口创建合理的断点。这些断点主要基于最小的视口宽度,并且允许随着视口的变化而扩展元素。
Bootstrap 4程序主要使用源Sass文件中的以下媒体查询范围(或断点)来处理布局、网格系统和组件。
由于在Sass中编写源CSS,因此所有的媒体查询都可以通过Sass mixins获得: