如何使Twitter引导模式全屏显示

Question

<%= image_tag "Background.jpg" %>

我如何使上述代码全屏显示Twitter Bootstrap模态弹出窗口，我尝试使用CSS，但无法按照我想要的方式获得它。任何人都可以帮我。

Answer 1

我在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，直到获得所需的填充/间距。