Html 如何在引导中使面板标题(左)和面板与两侧的距离相等

Html 如何在引导中使面板标题(左)和面板与两侧的距离相等,html,css,bootstrap-4,Html,Css,Bootstrap 4,实际上,我正试图获得如图所示的输出,但无法在标记中找到正确的编辑 到目前为止,我已经尝试创建了大部分网页,并实现了这种现状,因此您可以看到面板标题和面板对齐方式与前一张图片中的不同 引导示例 自动任务报告 任务的执行摘要 执行日志信息 运行的任务总数12 任务成功4 警告3 任务失败5 执行结束日志信息 我认为您只需要将执行日志信息包含在面板主体分区中,使其具有相同的间距,然后将左侧的ul的填充、底部的新面板主体以及h2标记的底部边距都调整为0 自动任务报告 任务的执行摘要 执行

实际上,我正试图获得如图所示的输出,但无法在标记中找到正确的编辑

到目前为止,我已经尝试创建了大部分网页,并实现了这种现状,因此您可以看到面板标题和面板对齐方式与前一张图片中的不同


引导示例
自动任务报告
任务的执行摘要
执行日志信息
  • 运行的任务总数12
  • 任务成功4
  • 警告3 任务失败5
执行结束日志信息
我认为您只需要将执行日志信息包含在面板主体分区中,使其具有相同的间距,然后将左侧的
ul
的填充、底部的新面板主体以及
h2
标记的底部边距都调整为0


自动任务报告
任务的执行摘要
执行日志信息
  • 运行的任务总数12
  • 任务成功4
  • 警告3 任务失败5
执行结束日志信息
解决您的问题。请按照我的代码一行一行地做,最后你会得到你的答案


引导示例
自动任务报告
任务的执行摘要
执行日志信息
  • 运行的总任务12
  • 任务成功4
  • 警告3 任务失败5
执行结束日志信息
据我所知,关键的改变是修正打字错误:
列表组
,而不是
列表组