在 Bootstrap 4 中使用 border-white 类为元素设置白色边框。 这具有白色边框 上面的测试类对元素的样式如下所示： .test { 宽度：120px； 高度：100px； 边距：10px； 背景：蓝色； }让我们来看一个在 Bootstrap 中实现 border-white 类的示例：示例现场演示 Bootstrap 示例 这具有白色边框 这具有橙色边框

要为元素设置橙色边框，请使用 border-warning 类： 危险（橙色边框） 设置元素的样式： .mystyle { 宽度：200px； 高度：100px； 边距：10px； }让我们来看一个在 Bootstrap 中实现 border-warning 类的示例：示例现场演示 Bootstrap 示例 以下是两个矩形： 危险（橙色边框）

在 Bootstrap 4 中使用 border-top-0 类删除顶部边框。设置 border-top-0 类： 矩形缺少顶部边框。让我们来看一个实现 border-top-0 类的示例：示例现场演示 Bootstrap 示例 标题二 矩形缺少顶部边框。

在 Bootstrap 中使用 .flex-*-column 类在不同屏幕尺寸上垂直显示弹性项目：在小型、中型、大型等屏幕尺寸上将其垂直设置。让我们在小型和中型屏幕尺寸上查看它：小型屏幕尺寸不同屏幕尺寸上的弹性布局（小型） 一 二 三 中型屏幕尺寸不同屏幕尺寸上的弹性布局（中型） 一 二 三 下面是一个示例，实现了我在上面显示的 flex-*-column 的用法：示例现场演示 Bootstrap 示例 ... 阅读更多

要垂直显示弹性项目，请在 Bootstrap 4 中使用 flex-column 类：现在在其中设置 flex-items： 一 二 三 四 五让我们来看一个学习如何学习如何显示 flex-column 类的示例： 示例现场演示 Bootstrap 示例 弹性列的示例： 使用 flex column 类的用法： 一 二 三 四 五

Bootstrap 中的 hide.bs.modal 事件在模态即将隐藏时触发。首先，单击按钮隐藏 Bootstrap 模态：$("#button1").click(function(){ $("#newModal").modal("hide"); });现在，使用 hide.bs.modal 类并在单击按钮时模态即将隐藏时生成警报：$("#newModal").on('hide.bs.modal', function () { alert('模态即将隐藏。'); });让我们来看一个说明 hide.bs.modal 事件用法的示例：示例现场演示 Bootstrap 示例 ... 阅读更多

在 Bootstrap 中使用 border-right-0 类删除右侧边框。要删除右侧边框： 矩形缺少右侧边框。将 div 样式设置为：.mystyle { 宽度：350px； 高度：170px； 边距：10px； }您可以尝试运行以下代码来实现 border-right-0 类：示例现场演示 Bootstrap 示例 标题二 矩形缺少右侧边框。

使用 border-primary 类在 Bootstrap 4 中为元素添加蓝色边框，如下所示：设置类为： 蓝色边框 您可以尝试运行以下代码来实现 border-primary 类：示例现场演示 Bootstrap 示例 演示标题 蓝色边框

要为元素设置浅灰色边框，请在 Bootstrap 4 中使用 border border-light 类。添加浅色边框很容易，如下所示： 此元素具有浅色边框 您可以尝试运行以下代码来实现 border-light 类：示例现场演示 Bootstrap 示例 演示 此元素具有浅色边框

modal(“show”) 方法打开一个模态，如下所示：模态使用如下所示的 modal(“show”) 方法显示：$("#newModal").modal("show");让我们来看一个 modal(“show”) 方法的示例：示例现场演示 Bootstrap 示例 ... 阅读更多