在 Bootstrap 中使用 .badge 类创建圆形徽章。您可以尝试运行以下代码来实现 .badge 类 −示例实时演示           Bootstrap 示例                                          博客文章          科技 95          娱乐 30          研究 9          病毒 20          体育 105          

要创建表示警告操作的黄色警示框，请使用 alert-warning 类。要实现 alert-warning 类，您需要尝试运行以下代码示例实时演示           Bootstrap 示例                                          表示积极的操作！                      表示警告！          

要创建表示积极操作的绿色警示框，请使用 alert-success 类。要实现 alert-success 类，您需要尝试运行以下代码 −示例实时演示           Bootstrap 示例                                          表示积极的操作！          

要将元素的宽度设置为 25%，请在 Bootstrap 中使用 .w-25 类。您可以尝试运行以下代码来设置元素的宽度示例实时演示           Bootstrap 示例                                          设置元素宽度          正常宽度          宽度为 50%          宽度为 25%          

使用 .alert-info 类创建表示某些信息的浅蓝色警示框。您可以尝试运行以下代码在 Bootstrap 中实现 .alert-info 类 −示例实时演示           Bootstrap 示例                                                        信息！            在此处添加信息...                    

在 Bootstrap 中使用 .alert 类创建警示消息框 −示例实时演示           Bootstrap 示例                                                      警告！                    

在 Bootstrap 4 中使用 .shadow-sm 类为元素添加小的阴影。您可以尝试运行以下代码在 Bootstrap 中实现 shadow-sm 类示例实时演示           Bootstrap 示例                                          学习          尝试编程示例          从教程中学习          玩测验并检查您的知识          

在 Bootstrap 中使用 .shadow-none 类移除阴影。您可以尝试运行以下代码来移除元素的阴影 −示例实时演示           Bootstrap 示例                                                      学习          免费学习教程          玩测验并检查您的知识          

要将元素的宽度设置为 50%，请在 Bootstrap 中使用 .w-50 类。您可以尝试运行以下代码来设置元素的宽度 −示例实时演示            Bootstrap 示例                                          设置元素宽度          正常宽度          宽度为 50%          

要动画化条纹进度条，请在 Bootstrap 中使用 .progress-bar 类与 .active 类一起使用。您可以尝试运行以下代码来动画化条纹进度条示例实时演示           Bootstrap 示例                                          水平          水位（米）：                                      20%