Bootstrap 概述
Bootstrap 是一个前端框架，可帮助您使用现成的 CSS 和 JavaScript 组件设计 web 界面，用于常见元素，如导航、表单和按钮。 它还包括一个响应式网格布局系统，可根据不同屏幕尺寸的设备（如手机和平板电脑）对站点进行动态调整。 使用 Bootstrap 布局系统，您可以创建一个在客户可能使用的任何设备上都看起来不错的站点。
Power Pages 模板使用标准 Bootstrap 组件，自定义样式最少。 使用这些模板，您可以轻松地更改主题（字体、颜色等），以在整个站点中一致地匹配您的品牌和偏好。
Power Pages 支持 Bootstrap 版本 3.3.6 和 Bootstrap 版本 5。 Bootstrap 版本 5 提供了改进的用户体验 (UX) 功能和新组件，如 accordion、offcanvas 和 RTL 支持。
对于新的 Power Pages 站点，您需要在环境中设置 Bootstrap 版本 5。 您也可以将现有的 Bootstrap 版本 3 网站迁移到版本 5。
自定义 Bootstrap
要自定义 Bootstrap，您需要更改变量的值，然后下载用您的自定义值编译的 Bootstrap 版本。
Bootstrap 变量的强大之处在于它们定义了框架中的所有样式，而不仅仅是一个元素。 例如，变量 @font-size-base 指定了站点上文本的默认大小—正文、标题和所有其他文本元素。 H1 标题可以定义为 @font-size-base 的 300%。 通过设置这个变量，您可以用一种一致的方式控制网站的整体排版比例。
您可以通过官方 Bootstrap 站点创建 Bootstrap 的自定义版本，或者使用可能提供更简单界面或预设计主题的第三方网站。 官方 Bootstrap 定制员站点提供有关 Bootstrap 自定义的详细信息。
下载定制版本的 Bootstrap 时，它包含以下目录结构：
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
根据您使用的定制器应用程序，目录结构可能只包含 bootstrap.min.css。 它是包含您的自定义的文件。 其他文件对于 Bootstrap 的所有自定义版本都是相同的，并且已经包含在您的网站中。