html - Bootstrap 4 : Add a subtitle to a modal

Question

我实际上正在构建一个网站，我使用 Bootstrap，因为它非常高效，并确保每个人都有可能了解我的网站是如何工作的。

但事实是，我正在尝试使用模式来显示一些内容，我需要在其中添加一个副标题，我已经尝试了一些内容，但其中任何一个都可以正常工作。

我理想的模式应该是这样的:

我想解决方案在 HTML 和 CSS 文件中，但我是这些工作方式的新手，所以即使阅读了 Bootstrap 官方 CSS 模态页面，我也没有设法找到实现它的方法。

我已经试过了:

• 在模态标题内添加另一个标题 div 并编辑一些 css 但未能获得我正在寻找的内容
  • 尝试使用 width 属性强制标题占据整行但没有奏效。
  • 尝试使用 justify-content 属性，因为我们使用的是 flexboxes 但也没有用。
• 在页眉中直接添加另一个标题 (h5)，但结果与 div 相同

提前感谢您的时间和帮助。

Answer 1

对于带有边距的标题和副标题，您可以向左填充。例如:

<h1>Title</h1>
<h2 class="pl-2">Sub Title</h2>

为了进一步演示，我为您创建了一个示例模态转到:https://www.pateladitya.com/stackoverflow/modal-sample-dual-title.html

我认为您遇到的问题出在某些 CSS 中。检查您是否没有将标题和副标题设置为内联显示。