有比modal-lg更宽的类吗？
有比modal-lg更宽的类吗？
提问于 2018-06-04 03:10:45
我正在使用带Bootstrap的vue.js。
有一个模式潜水，如下所示:我正在寻找一个增加模式div宽度的类，
我的模式div如下所示。我计划再增加12个标签，为此我需要更多的宽度。
我使用modal-lg类来设置宽度。
我在模式下使用了下面的代码
<div class="modal fade" id="modal_create_product" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
Create Product
</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<!-- Form Errors -->
<div class="alert alert-danger" v-if="createForm.errors.length > 0">
<p class="mb-0"><strong>Whoops!</strong> Something went wrong!</p>
<br>
<ul>
<li v-for="error in createForm.errors">
{{ error }}
</li>
</ul>
</div>
</div>
</div>
</div>
</div>回答 2
Stack Overflow用户
发布于 2018-06-04 08:15:12
我就是这么做的
.modal-lg {
max-width: 70%;
}Stack Overflow用户
发布于 2018-06-04 10:05:50
你为什么不在你的modal-content上使用min-width的CSS？如下所示：
.modal-dialog.modal-lg {
min-width: 80%
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50670034
复制相关文章
相似问题