Bootstrap 3 屏幕模态宽度
Bootstrap 3 modal width of screen
有没有什么方法可以使用 Bootstrap 创建一个扩展到视口宽度的模式?我看过很多建议(其中大部分涉及更改
.modal-dialog { width:auto}
到 .modal-dialog { width:600px }
或其他一些值,但我没有看到任何结果。
我有一个 modal-body 和 modal-header 一个 modal-content 一个 modal-dialogue 一个模态淡入淡出。
<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>
我是不是更新了正确的模态class?还是有其他增加视口宽度的秘诀?
我没有足够的声誉来评论,抱歉。我刚刚对此进行了测试,只需更改主 .css 文件中的 .modal-dialog { width:600px; }
即可正常工作。您是否关闭了 css 规则的结束括号,因为我看到您没有首先在这里。其次,您可以使用 Inspect element or Firebug 查看您的规则是否应用于 class 或 div?是否被覆盖?
我发现这里的问题是更新 .modal.fade .modal-dialogue,而不仅仅是 .modal-dialogue。虽然其他答案允许解决方法,但这是我特定问题的根源。
希望这对以后的人有所帮助。
有没有什么方法可以使用 Bootstrap 创建一个扩展到视口宽度的模式?我看过很多建议(其中大部分涉及更改
.modal-dialog { width:auto}
到 .modal-dialog { width:600px }
或其他一些值,但我没有看到任何结果。
我有一个 modal-body 和 modal-header 一个 modal-content 一个 modal-dialogue 一个模态淡入淡出。
<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>
我是不是更新了正确的模态class?还是有其他增加视口宽度的秘诀?
我没有足够的声誉来评论,抱歉。我刚刚对此进行了测试,只需更改主 .css 文件中的 .modal-dialog { width:600px; }
即可正常工作。您是否关闭了 css 规则的结束括号,因为我看到您没有首先在这里。其次,您可以使用 Inspect element or Firebug 查看您的规则是否应用于 class 或 div?是否被覆盖?
我发现这里的问题是更新 .modal.fade .modal-dialogue,而不仅仅是 .modal-dialogue。虽然其他答案允许解决方法,但这是我特定问题的根源。
希望这对以后的人有所帮助。