This is going to sound super dumb, and I am sorry, but when I look at the modal and trigger code, I am trying to understand how to match them with the modal name so that I can open the correct modal with the right trigger if I have more than one on a page.
In the below sample, is the trigger and modal name .bs-example-modal-lg? So If I wanted two modals, and two triggers, I would change that name on the second one?
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-body">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Dynamically Populated Review Title</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<p style="color:#898989; ">Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non.</p>
I hope that makes sense. Thank you for reading.