Bootstrap前端开发框架学习笔记

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）或设备尺寸下调整布局。

容器

.container类是一个响应式、固定宽度容器，建议将内容放在这个容器里面去。

.container-fluid类，在任何断点下，宽度都是100%。