Bootstrap 3模态宽度的屏幕

Question

有没有办法使用Bootstrap创建一个扩展到视口宽度的模态？我见过很多建议（其中大部分都涉及到改变 .modal-dialog { width:auto}到.modal-dialog { width:600px }或其他一些值，但我没有看到任何结果。

我在模态淡化内部的模态内容中有一个模态体和模态标题。

<div class="modal fade" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> Header Text </div> <div class="modal-body"> body text </div> </div> </div> </div>

我没有更新正确的模态课程吗？或者增加视口宽度还有其他秘密吗？

Answer 1

我没有足够的评论声誉，对不起。我只是通过更改主.css文件中的.modal-dialog { width:600px; }来测试这个并且正常工作。你是否关闭了css规则的关闭支架，因为我可以看到你没有在这里，首先。其次，您可以使用Inspect元素或Firebug查看您的规则是否应用于类或div？它被覆盖了吗？

Answer 2

我发现这里的问题是更新.modal.fade .modal-dialogue，而不仅仅是.modal-dialogue。虽然其他答案允许解决方法，但这是我特定问题的根源。

希望这有助于将来。