小编典典

如何使 Twitter 引导模式全屏

all

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-body">
    <%= image_tag "Background.jpg" %>
  </div>
</div>

如何为上面的代码制作一个 twitter 引导模式弹出全屏,我尝试使用 css 但无法按照我想要的方式得到它。任何人都可以帮我解决它。


阅读 173

收藏
2022-07-14

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

这是一个现场演示

这是小提琴的链接

2022-07-14