Bootstrap：修订间差异

2021年7月25日 (日) 02:16的版本

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

@@ 第6行： / 第6行： @@
 *2012年1月31日，Bootstrap 2发布。这一版增加了十二列网格布局和响应式组件，并且对许多组件进行了修改。
 *2013年8月19日，Bootstrap 3发布。
+{{了解更多
+|[https://blog.getbootstrap.com/ Bootstrap 博客]
+}}
+==布局==
+==主件==
+==通用类==
+===概览===
+{| class="wikitable"
+! 类别
+! 描述
+! 示例
+|-
+| 背景<br />Background
+|
+|
+|-
+| 边框<br />Borders
+|
+|
+|-
+| 颜色<br />Colors
+|
+|
+|-
+| 显示方式<br />Display
+|
+|
+|-
+| 弹性盒子<br />Flex
+|
+|
+|-
+| 浮动<br />Float
+|
+|
+|-
+| 互动<br />Interactions
+|
+|
+|-
+| 溢出<br />Overflow
+|
+|
+|-
+| 位置<br />Position
+|
+|
+|-
+| 阴影<br />Shadows
+|
+|
+|-
+| 尺寸<br />Sizing
+|
+|
+|-
+| 间距<br />Spacing
+|
+|
+|-
+| 文本<br />Text
+| 对齐：<br />开始对齐<code>text-start</code> <code>text-*-start</code>， 居中对齐<code>text-center</code> <code>text-*-center</code>， 结束对齐<code>text-end</code> <code>text-*-end</code>。其中*可取值：sm、md、lg和xl，表示在该视窗或更大下开始对齐。 <br /><br />换行和溢出：<br /> <code>text-wrap</code>，<code>text-nowrap</code>  <br /><br />文字断行：
+|<code><nowiki><p class="text-center">文本本文</p></nowiki></code> 该文本任何视窗大小都居中显示 <br /><code><nowiki><p class="text-md-center">文本本文</p></nowiki></code> 该文本在md视窗或更大居中显示，而在sm视窗会按原来方式显示。
+|-
+| 垂直对齐<br />Vertical align
+|
+|
+|-
+| 可视性<br />Visibility
+|
+|
+|}
+===通用类API===
 ==资源==
 ===官网===
-*[https://getbootstrap.com/ Bootstrap官方网站]
+*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/
+===网站===
+*[https://www.bootstrap.cn/ bootstrap.cn：Bootstrap 5 中文翻译文档]
+*[https://www.runoob.com/bootstrap4/ 菜鸟教程：Bootstrap 4 教程]
+*[https://bootstrapdoc.com/ bootstrapdoc.com：Bootstrap 5 中文翻译文档]
+*[https://v5.bootcss.com/ bootcss.com：Bootstrap 5 中文翻译文档]
-==参考资料==
+===文章===
 *[https://zh.wikipedia.org/zh-cn/Bootstrap 维基百科：Bootstrap]
 [[分类:建站软件]]