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%。
- 转载请保留原文链接：Bootstrap前端开发框架学习笔记 https://aboss.top/post/525/
- 本站所有资源文章出自互联网收集整理，本站不参与制作，如果侵犯了您的合法权益，请联系本站我们会及时删除。
- 本站发布资源来源于互联网，可能存在水印或者引流等信息，请用户擦亮眼睛自行鉴别，做一个有主见和判断力的用户。
- 本站资源仅供研究、学习交流之用，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担。
- 联系方式（#替换成@）：mail#aboss.top
评论