我在Bootstrap 3中使用以下代码实现了这一目标：

.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

通常，如果您对间距/填充问题有疑问，请尝试右键单击（或在Mac上按cmd键单击），然后在Chrome上选择“检查元素”，在Firefox上选择“检查带有萤火虫的元素”。尝试在“元素”面板中选择不同的HTML元素，并在右侧实时编辑CSS，直到获得所需的填充/间距。