<div class="row">
                                <div class="col-sm-9 m-b-xs">
                                    <a href="#addroom" data-toggle="modal" class="btn btn-primary btn-xs" style="float: left;">新增新的廳</a>
                                </div>
                            </div
 
>  

模態框的JS

<div class="modal fade" id="addroom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header " style="background-color: #1AB394;">
 

                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="roomtitle" style="color: white;"
 
>
                            新增用餐區域
                        </h4>
                    </div>
                    <div class="modal-body">
                        <label>餐廳名：</label>
                        <input type="text" id="t-name" name="t-name" class="form-control"/>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default"
                                data-dismiss="modal" style="margin-bottom: 0px;">關閉
                        </button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="sure" onclick="get_room()">
                            提交
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>

就是再提交的HTML中加data-dismiss=”modal”。get_room()這裡加js方法。