Membuat Dialolg Modal Box - Bootstrap

Basic layoutnya:

<div class="container">
    <div class="modal-dialog" id="modal-satu">
            <div class="modal-content">
 
                      <div class="modal-header">
                      </div>

                     <div class="modal-body">
                     </div>
                    
                      <div class="modal-footer">
                      </div>
           </div>
     </div>
</div>


contoh dengan form :

<div class="container">

<div class="modal-dialog" id="modal-satu">
    <div class="modal-content">
        <div class="modal-header">
            <h3>Log in</h3>
            <p>Please log in using your credentials</p>
        </div>
        <div class="modal-body">
             <?php echo form_open() ;?>
              
                <div class="form-group">      
                      
                        <label for="email">Email :&nbsp;</label>
                        <input type="text" name="email" class="form-control"  placeholder="masukan nama anda" />
                      
                    </div>  
                <div class="form-group">          
              
                      <label for="nama">Password : &nbsp;</label>
                      <input type="password" name="nama" class="form-control"/>
                  
            </div>      
                              
                  
             <?php echo form_close() ;?>
         </div>
                     
        <div class="modal-footer">

                  <td>&nbsp;</td> <td><input type="submit" name="submit" value="submit" /></td>
         </div>

    </div>
</div>
</div>