bootstrap 屏幕

Bootstrap 是一个流行的前端开发框架，它提供了一套用于构建响应式网页设计的工具和样式。其中之一就是屏幕尺寸的管理。

在 Bootstrap 中，屏幕尺寸被分为四个类别：xs (手机)、sm (平板)、md (桌面) 和 lg (大屏幕)。通过使用不同的 CSS 类，可以根据屏幕大小调整元素的样式和布局。

例如，你可以使用 `col-xs`、`col-sm`、`col-md` 和 `col-lg` 类来定义网格系统中不同屏幕尺寸下的列宽。这样，当网页在不同设备上显示时，元素的布局将自动适应屏幕大小。

除了网格系统，Bootstrap 还提供了一些其他用于响应式设计的类，如 `hidden-xs`（在手机上隐藏元素）、`visible-lg`（仅在大屏幕上可见元素）等。

通过利用 Bootstrap 的屏幕尺寸类，你可以更加灵活地控制网页在不同设备上的呈现效果，提升用户体验。