bootstrap中响应式尺寸详解

2020-06-18 22:47:00 by wst

bootstrap

---

由于本人为后端工程师，对前端框架一直没有深入了解过。今天特意看了下ｂｏｏｔｓｔｒａｐ对于屏幕尺寸的设定－在什么情况下元素宽度该设置为多少

实际的屏幕尺寸分为５档，分别为（单位：像素）：

１．超小屏幕(Extra small screen), 　宽度范围：（０，５７６】

２．小屏幕（Small screen), 　宽度范围：（５７６，７６８】

３．中等屏幕（Medium screen），宽度范围：（７６８，９９２】

４．大屏幕（Large screen)，宽度范围：（９９２，１２００】

５．超大屏幕（Extra large screen），宽度范围：（１２００，＋∞）

对于以上不同尺寸的屏幕，在bootstrap中会设置成多少呢？下面通过一个图来表示：

 

bootstrap的设计理念就是为移动而生，想学习更多bootstrap的更多知识，请关注 bootstrap中文网

附：在bootstrap4中使用图标的方法

 

---