I am currently using vue.js along with Bootstrap.
Within my modal dive, I am looking for a class that will help me increase the width of the modal div,
As you can see from the image below, my modal div looks like this. I plan on adding 12 more tabs, which means I will need a wider width.
https://i.sstatic.net/VAU8N.png
To set the width, I am utilizing the modal-lg class.
This is the code snippet I am using for the modal div:
<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>