Html 用图像填充整个引导4模态体

我有一个Bootstrap 4模式，其中包含一个旋转木马，我想用一个大小为700px x 450px的图像填充整个模式，图像的左/上/右周围没有边框/边距/填充。我想页脚是可见的，这样我就可以把一些文字和关闭按钮

这是你的电话号码

这是一个类似的例子，我试图通过图像外观来实现，忽略任何不是图像的东西

样本模态



接近

.img大小{
/*填充：0；
保证金：0*/
高度：450px；
宽度：700px；
背景尺寸：封面；
溢出：隐藏；
}
.模态体{
宽度：700px；
高度：450px；
}
.carousel控件上一个图标{
背景图像：url（“数据：image/svg+xml；charset=utf8，%3Csvg xmlns=”http://www.w3.org/2000/svg'填充='%23009be1'视图框='0 8'%3E%3Cpath d='M5.25 0l-4 1.5-1.5-2.5-2.5-2.5-1.5-1.5-1.5z'/%3E%3C/svg%3E'；
宽度：30px；
高度：48px；
}
.carousel控件下一个图标{
背景图像：url（“数据：image/svg+xml；charset=utf8，%3Csvg xmlns=”http://www.w3.org/2000/svg'填充='%23009be1'视图框='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E'；
宽度：30px；
高度：48px；
}

您应该将

宽度

放在

.modal content

中，而不是

.modal body

中。并从

.modal body

中移除

填充物。以下是修订后的css：

.modal-content {
   width: 700px;
}
.modal-body {
   padding: 0;
}

希望它能解决您的问题。
您应该将
宽度
放在
.modal content
中，而不是
.modal body
中。并从
.modal body
中移除
填充物。以下是修订后的css：

.modal-content {
   width: 700px;
}
.modal-body {
   padding: 0;
}

希望它能解决您的问题。
FWIW，有一个Github项目已经（大部分）完成了：make model body class=“modal body p-0 m-0”并删除模型页脚FWIW，有一个Github项目已经（大部分）完成了：make model body class=“modal body p-0 m-0”删除模型页脚注释仅添加：从中删除边框。解决方案是模态内容。非常感谢。仅添加注释：从中删除边框。解决方案是模态内容。非常感谢。