要设置深灰色边框的按钮，请使用`btn-outline-dark`类。像添加任何其他类一样包含`btn-outline-dark`类。这里，我们使用按钮元素，因为我们想要一个深灰色的按钮边框： 深灰色边框 让我们来看一个实现Bootstrap中`btn-outline-dark`类的示例 - 示例在线演示 Bootstrap 示例 `btn-outline-dark`类的用法： 深灰色边框

在Bootstrap 4中，使用`.align-self-*-start`类来对齐不同屏幕上的flex项目起始位置。对齐不同屏幕上的flex项目 -小屏幕 项目1 项目2 项目3 项目4 大屏幕 项目1 项目2 项目3 项目4 让我们来看一个完整的示例，以对齐不同屏幕上的flex项目起始位置 - 示例在线演示 Bootstrap 示例 从起始位置对齐特定flex项目 项目1 项目2 项目3 项目4 小屏幕尺寸 项目1 项目2 项目3 项目4 中等屏幕尺寸 项目1 项目2 项目3 项目4 大屏幕尺寸 项目1 项目2 项目3 项目4

Bootstrap中的`hide.bs.tooltip`事件在工具提示即将隐藏时触发。先点击隐藏按钮 -`$(".btn-default").click(function(){ $("[data-toggle='tooltip']").tooltip('hide'); });` 点击以上内容后，`hide.bs.tooltip`事件触发并生成一个警报 -`$("[data-toggle='tooltip']").on('hide.bs.tooltip', function(){ alert('工具提示将现在隐藏。'); });` 您可以尝试运行以下代码来实现`hide.bs.tooltip`事件 - 示例在线演示 Bootstrap 示例 事件 这里将使用“显示”按钮显示工具提示，并可隐藏... 阅读更多

使用`.align-content-end`类在Bootstrap 4中将收集的项目对齐到末尾。将项目设置为末尾 -

要在一个按钮上设置表示积极操作的边框，需要在Bootstrap中使用`btn-outline-success`类。以下是设置方法： 更多（绿色边框）您可以尝试运行以下代码来实现`btn-outline-success`类 - 示例在线演示 Bootstrap 示例 以下是一些Python技术： Jython WxPython 更多信息，请点击下方： 更多（绿色边框）

在Bootstrap 4中使用`bg-primary`类，为卡片添加重要内容并设置蓝色背景颜色。像以下代码片段一样设置Bootstrap 4卡片样式 - 医学书籍 我已在`card-body`类中设置了卡片的主体 - 医学书籍 要在Bootstarp 4中实现`bg-primary`类，您可以尝试运行以下代码 - 示例在线演示 Bootstrap 示例 书籍 历史书籍 医学书籍

Bootstrap中的`shown.bs.tooltip`事件在工具提示完全显示时触发：`$("[data-toggle='tooltip']").on('shown.bs.tooltip', function(){ alert('工具提示现在完全可见。'); });` 上面的`data-toggle`属性设置在一个链接上，其中弹出窗口将像以下代码片段中显示的那样在按钮点击时出现： 时间安排 您可以尝试运行以下代码来实现`shown.bs.tooltip`事件 - 示例在线演示 Bootstrap 示例 事件 这里将使用... 阅读更多

使用`border-danger`类为元素设置红色边框。像包含任何其他类一样将`border-danger`类设置为元素 - 红色边框 在上面，我们还设置了另一个类“new”来设置元素的样式 - `.new { width: 120px; height: 120px; margin: 20px; }` 您可以尝试运行以下代码来实现`border-danger`类 - 示例在线演示 Bootstrap 示例 `.new { width: 120px; height: 120px; margin: 20px; }` 带红色边框的矩形： 红色边框

使用`.align-content-*-around`类在Bootstrap 4中在不同屏幕上将收集的项目对齐到“周围”。像下面显示的那样在不同设备上将收集的项目对齐到周围 -小型设备 中型设备 大型设备 您可以尝试运行以下代码来实现`align-content-*-around`类 - 示例在线演示 Bootstrap 示例 示例 一 二 三 四 五 六 ... 阅读更多

使用`align-middle`类将元素放置在父元素的中间。将元素放置在中间 - 中间对齐 让我们来看一个在Bootstrap 4中实现`align-middle`类的示例 - 示例在线演示 Bootstrap 示例 示例 这是演示文本 演示基线 顶部对齐 中间对齐 底部对齐