
上QQ阅读APP看书,第一时间看更新
3.1.2 响应断点
Bootstrap使用媒体查询为布局和接口创建合理的断点。这些断点主要基于最小的视口宽度,并且允许随着视口的变化而扩展元素。
Bootstrap 4程序主要使用源Sass文件中的以下媒体查询范围(或断点)来处理布局、网格系统和组件。

由于在Sass中编写源CSS,因此所有的媒体查询都可以通过Sass mixins获得:

Bootstrap使用媒体查询为布局和接口创建合理的断点。这些断点主要基于最小的视口宽度,并且允许随着视口的变化而扩展元素。
Bootstrap 4程序主要使用源Sass文件中的以下媒体查询范围(或断点)来处理布局、网格系统和组件。
由于在Sass中编写源CSS,因此所有的媒体查询都可以通过Sass mixins获得: