Bootstrap
Bootstrap是一个用于网站和网络应用程序开发的开源前端框架。包括HTML、CSS及JavaScript的框架，提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展，旨在使动态网页和Web应用的开发更加容易。
简介
时间轴
- 2011年8月19日，将其作为开源项目发布。
- 2012年1月31日，Bootstrap 2发布。这一版增加了十二列网格布局和响应式组件，并且对许多组件进行了修改。
- 2013年8月19日，Bootstrap 3发布。
了解更多 >> Bootstrap 博客
布局
主件
通用类
概览
| 类别 | 描述 | 示例 |
|---|---|---|
| 背景 Background |
||
| 边框 Borders |
||
| 颜色 Colors |
||
| 显示方式 Display |
||
| 弹性盒子 Flex |
||
| 浮动 Float |
||
| 互动 Interactions |
||
| 溢出 Overflow |
||
| 位置 Position |
||
| 阴影 Shadows |
||
| 尺寸 Sizing |
||
| 间距 Spacing |
||
| 文本 Text |
对齐： 开始对齐 text-start text-*-start， 居中对齐text-center text-*-center， 结束对齐text-end text-*-end。其中*可取值：sm、md、lg和xl，表示在该视窗或更大下开始对齐。 换行和溢出： text-wrap，text-nowrap 文字断行： |
<p class="text-center">文本本文</p> 该文本任何视窗大小都居中显示 <p class="text-md-center">文本本文</p> 该文本在md视窗或更大居中显示，而在sm视窗会按原来方式显示。
|
| 垂直对齐 Vertical align |
||
| 可视性 Visibility |
通用类API
资源
官网
- Bootstrap 官网：https://getbootstrap.com/
- Bootstrap 文档 ：https://getbootstrap.com/docs
- Bootstrap 源代码：https://github.com/twbs
- Bootstrap 图标 ：https://icons.getbootstrap.com/
- Bootstrap 博客 ：https://blog.getbootstrap.com/
- Bootstrap 主题商城 ：https://themes.getbootstrap.com/
网站
- bootstrap.cn：Bootstrap 5 中文翻译文档
- 菜鸟教程：Bootstrap 4 教程
- bootstrapdoc.com：Bootstrap 5 中文翻译文档
- bootcss.com：Bootstrap 5 中文翻译文档