bootstrap 5.0,bootstrapped 5%,bootstrap软件,bootstrap5官网,bootstrap ide,bootstrap4和5
Bootstrap 5 (BS5)是一种流行的前端框架，用于创建响应式和可定制化的网站和应用程序。Bootstrap 5 提供了一系列实用工具（utilities），这些工具可以快速添加样式和功能到网站或应用程序中。

Bootstrap 5 的实用工具包括以下几个方面：

1. 辅助类（helper classes）：为了快速添加一些简单的样式，如：对文本进行缩进、加粗字体等。例如：添加一个文字右对齐的类名 ".text-right" 到一个 HTML 元素上。

2. 布局类（layout classes）：用于管理页面元素的位置和排列方式，如：网格系统、Flex 布局等。例如：使用 ".container" 类将一个元素放入居中的容器中。

3. 响应式类（responsive classes）：为了使网站或应用程序在不同大小的设备上呈现出优秀的效果，Bootstrap 5 提供了一组响应式类。例如：使用 ".d-md-none" 类在移动设备上隐藏一个元素。

4. 显示类（display classes）：用于控制元素的显示方式。Bootstrap 5 提供了一组显示类，用于显示或隐藏元素。例如：使用 ".d-block" 类将一个元素显示为块级元素。

下面是一些示例代码：

1. 添加辅助类

html
<p class="text-center">这是一个居中的段落</p>


2. 使用布局类

html
<div class="container">
<div class="row">
<div class="col-md-6">左侧内容</div>
<div class="col-md-6">右侧内容</div>
</div>
</div>


3. 使用响应式类

html
<div class="d-none d-lg-block">只在大屏幕上显示</div>


4. 使用显示类

html
<div class="d-block">这是一个块级元素</div>