要在不同屏幕上对齐 Bootstrap 4 中项目单行末尾，请使用 .align-items-*-end 类。在不同屏幕尺寸上对齐 - 中等屏幕尺寸 产品 1 产品 2 产品 3 产品 4 大型屏幕尺寸 产品 1 产品 2 产品 3 产品 4 您可以尝试运行以下代码，以便在特定屏幕尺寸上对齐项目单行末尾 - 示例在线演示 Bootstrap 示例 对齐单行末尾的弹性项目 产品 1 产品 2 产品 3 产品 4 小型屏幕尺寸 产品 1 产品 2 产品 3 产品 4 中等屏幕尺寸 产品 1 产品 2 产品 3 产品 4 大型屏幕尺寸 产品 1 产品 2 产品 3 产品 4

要拉伸收集的项目，请在 Bootstrap 4 中使用 .align-content-stretch 类。 使用 align-content-stretch 类如下所示：

在 Bootstrap 中使用 .d-*-flex 类可以在屏幕尺寸上设置 flexbox 容器，如下所示：d-flex d-sm-flex d-md-flex d-lg-flex 上面的 flex 设置了不同的屏幕尺寸，例如，d-sm-flex = 小型屏幕尺寸的 Flex d-md-flex = 中型屏幕尺寸的 Flex d-lg-flex = 大型屏幕尺寸的 Flex d-xl-flex = 特大型屏幕尺寸的 Flex 让我们来看一个这个类的例子 - 示例在线演示 Bootstrap 示例 理解 Flex d-flex 小型屏幕尺寸 中等屏幕尺寸 大型屏幕尺寸 特大型屏幕尺寸

在 Bootstrap 中使用 d-*block 类可以在特定屏幕宽度上创建块。您可以为小型、中型、大型和特大型屏幕尺寸设置它： d-sm-block d-md-block d-lg-block d-xl-block 您可以尝试运行以下代码来实现 d-*-block 类 - 示例在线演示 Bootstrap 示例 块 调整浏览器大小以查看效果 块 小型屏幕尺寸 中等屏幕尺寸 大型屏幕尺寸 特大型屏幕尺寸

Bootstrap 中的 .modal(“hide”) 方法隐藏模态框。单击按钮隐藏 Bootstrap 模态框 -$("#button1").click(function(){ $("#newModal").modal("hide"); });使用 modal(“show”) 方法显示模态框 -$("#newModal").modal("show");让我们来看一个 modal(‘hide”) 方法的例子 - 示例在线演示 Bootstrap 示例 #button1 { width: 140px; padding: 20px; bottom: 150px; z-index: 9999; font-size:15px; position: absolute; ... 阅读更多

使用 border-left-0 类可以移除元素的左侧边框。使用类在内部移除左侧边框 - 移除左侧边框 “one” 类也设置在类中以对其进行样式设置 - .one { width: 220px; height: 220px; margin: 50px; } 您可以尝试运行以下代码来使用 border-left-0 类 - 示例在线演示 Bootstrap 示例 .one { width: 220px; height: 220px; margin: 50px; } Bootstrap 4 移除左侧边框

要创建块元素，请使用 .d-block Bootstrap 4 类。 使用 d-block 类 - 一个块 要为不同的屏幕尺寸设置块，请使用 .d-*-block - 中等屏幕尺寸的块 让我们来看一个如何创建块元素的例子 - 示例在线演示 Bootstrap 示例 块 调整浏览器大小以查看效果 一个块 中等屏幕尺寸的块

使用带有 bg-secondary 上下文类的卡片类在 Bootstrap 中添加不太重要的内容。此类添加灰色背景 - 在其中，添加卡片主体 - 英语 您可以尝试运行以下代码来在 Bootstrap 中实现带有 bg-secondary 类的卡片类 - 示例在线演示 Bootstrap 示例 语言 英语 法语 中文 俄语

要将弹性项目对齐到末尾，请使用 justify-content-end 类。要在不同屏幕尺寸上将弹性项目对齐到末尾，请使用 justify-content-*-end 类。在不同屏幕尺寸上，对齐到末尾的弹性项目将显示如下：小型屏幕尺寸 阿拉巴马州 纽约州 德克萨斯州 中型屏幕尺寸 阿拉巴马州 纽约州 德克萨斯州 让我们来看一下完整的代码，并学习如何使用 justify-content-*-end 类 - 示例在线演示 Bootstrap 示例 美国 阿拉巴马州 纽约州 德克萨斯州 阿拉巴马州 纽约州 德克萨斯州 阿拉巴马州 纽约州 德克萨斯州

为了在不同屏幕尺寸上居中对齐项目，请使用 `justify-content-*-center` 类。不同屏幕尺寸下对齐的弹性项目如下所示：
小屏幕尺寸：  GOLF   CRICKET   SQUASH
中等屏幕尺寸：  GOLF   CRICKET   SQUASH
大屏幕尺寸：  GOLF   CRICKET   SQUASH
让我们看看如何实现 `justify-content-*-center`：示例在线演示       Bootstrap 示例                             运动     小屏幕居中           GOLF       CRICKET       SQUASH         中等屏幕居中           GOLF       CRICKET       SQUASH         大屏幕居中           GOLF       CRICKET       SQUASH