How to have several manners on the same page using Django?

I have a question about using several manners, on one page, now I have this code developed:

<div class="row">
    <div class="col-md-6">
      <button type="button" class="btn btn-primary" data-toggle="modal1" data-target=".bd-example-modal-lg">Corespondencia</button>

         <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
               <div class="modal-content">
                     <!--Aqui entra la plantilla de registros para Correspondencia -->
               </div>
            </div>
        </div>
     </div>
       <!--Parte del boton de cites -->
       <div class="col-md-6 ml-auto">
        <button type="button" class="btn btn-primary" data-toggle="modal2" data-target=".bd-example-modal-lg">Cites</button>

           <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
             <div class="modal-dialog modal-lg">
                <div class="modal-content">
                 <!-- Aqui va la plantilla de citatorios -->
               </div>
            </div>
           </div>
        </div>
    </div> 

And the script that I use is this:

 <script type="text/javascript">
   $('#modal1').modal(options) 
   $('#modal2').modal(options) 
 </script>

But I do not get anything if I change the name of the modal, it does not show me anything. Could someone tell me where the error is? Or if I put something wrong.