Submit Button in Bootstrap 3 Modal Not Working

modal-dialog, submit, twitter-bootstrap

Solution

Your submit button is outside of the tag. Just make the form wrap the whole modal window like this...

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
         <form class="form-horizontal" role="form" method="post" action="">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">Add a new student</h4>
            </div>
            <div class="modal-body">
                    <div class="form-group">

                        <div class="col-sm-offset-1 col-sm-10">
                            <input type="text" class="form-control" id="inputID" placeholder="Student ID Number">
                        </div>
                     </div>

                    <div class="form-group">
                         <div class="col-sm-offset-1 col-sm-10">
                            <input type="text" class="form-control" id="inputLast" placeholder="Last Name">
                        </div>
                     </div>

                    <div class="form-group">
                         <div class="col-sm-offset-1 col-sm-10">
                            <input type="text" class="form-control" id="inputFirst" placeholder="First Name">
                        </div>
                    </div>

                     <div class="form-group">
                         <div class="col-sm-offset-1 col-sm-10">
                            <input type="text" class="form-control" id="inputAddress" placeholder="Street Address">
                        </div>
                    </div>

                     <div class="form-group">
                         <div class="col-sm-offset-1 col-sm-10">
                            <input type="text" class="form-control" id="inputCity" placeholder="City">
                        </div>
                    </div>

                     <div class="form-group">
                         <div class="col-sm-offset-1 col-sm-10">
                            <input type="text" class="form-control" id="inputState" placeholder="State">
                        </div>
                    </div>

                      <div class="form-group">
                         <div class="col-sm-offset-1 col-sm-10">
                            <input type="text" class="form-control" id="inputZip" placeholder="Zip">
                        </div>
                    </div>

                    <div class="form-group">
                         <div class="col-sm-offset-1 col-sm-10">
                            <input type="text" class="form-control" id="inputBalance" placeholder="Current Balance">
                        </div>
                    </div>

                     <div class="form-group">
                         <div 

class="col-sm-offset-1 col-sm-10">
                        <input type="text" class="form-control" id="inputTerm" placeholder="First Term Attended">
                    </div>
                </div> 
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <input type="submit" value="Save Student Information" id="submit" name="submit" class="btn btn-primary">
        </div>
      </div><!-- /.modal-content -->
    </div>
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

Problem

Original source