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

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

要在不同屏幕尺寸上将项目对齐到中心，请使用 justify-content-*-center 类。对于小屏幕尺寸，对齐的弹性项目将如下所示： 高尔夫 板球 壁球 对于中屏幕尺寸，对齐的弹性项目将如下所示： 高尔夫 板球 壁球 对于大屏幕尺寸，对齐的弹性项目将如下所示： 高尔夫 板球 壁球 让我们看看如何实现 justify-content-*-center：示例在线演示 Bootstrap 示例 运动 小屏幕居中 高尔夫 板球 壁球 中屏幕居中 高尔夫 板球 壁球 大屏幕居中 高尔夫 板球 壁球

要在按钮上设置表示信息的轮廓，您需要在 Bootstrap 中使用 btn-outline-info 类。包含按钮元素并设置 btn-outline-info 类： 更多信息 您可以尝试运行以下代码来实现 btn-outline-info 类：示例在线演示 Bootstrap 示例 活动 以下是详细信息： 活动时间 下午 1 点至下午 4 点 地点：阿拉巴马州 21 KH，HG Lane 有关活动的更多信息： 更多信息

使用带有 card 类的 bg-primary 类将关键内容添加到 Bootstrap 卡片中。在 card 类中使用 bg-primary 类： 艾斯纳奖 我在上面使用了 text-white 类，以将文本设置为白色。让我们来看一个如何在 Bootstrap 4 卡片中包含关键内容的示例：示例在线演示 Bootstrap 示例 奖项 普利策奖 艾斯纳奖 雨果奖和星云奖

要使用 Bootstrap 4 将弹性项目垂直居中对齐，请使用 `.align-self-center` 类。以下是我的 flex div 代码：现在添加弹性项目，我在第三个弹性项目上应用了 `.align-self-center` 类：  A-one   B-one   C-one   D-one 您可以尝试运行以下代码，在 Bootstrap 中实现 `.align-self-center` 类：示例在线演示       Bootstrap 示例                            居中对齐特定弹性项目           A-one       B-one       C-one       D-one