<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 但无法按照我想要的方式得到它。任何人都可以帮我解决它。
我在 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,直到获得所需的填充/间距。
这是一个现场演示
这是小提琴的链接