共计 564 个字符,预计需要花费 2 分钟才能阅读完成。
Bootstrap
是美国 Twitter 公司的设计师 Mark Otto 和 Jacob Thornton 合作基于 HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。
用 Bootstrap 构建快速、响应式布局的网站。它提供的功能包括:基于 Sass 进行编译和定制、内置的网格系统和组件、强大的 JavaScript 插件等。
Bootstrap 中文网:https://www.bootcss.com/
Bootstrap v5 已经不依赖 jQuery 了。
下载
下载 Bootstrap 生产文件:https://v5.bootcss.com/docs/getting-started/download/
布局
断点
断点(Breakpoints)是响应式设计的组成部分。通过断点可以控制何时可以在特定视口(viewport)或设备尺寸下调整布局。
断点 | 类标识 | 尺寸 |
---|---|---|
Extra small | None | <576px |
Small | sm | ≥576px |
Medium | md | ≥768px |
Large | lg | ≥992px |
Extra large | xl | ≥1200px |
Extra extra large | xxl | ≥1400px |
容器
.container 类是一个 响应式、固定宽度 容器,建议将内容放在这个容器里面去。
.container-fluid 类,在任何断点下,宽度都是 100%。
正文完