Using the BootStrap modal box disappears instantly, and clicking the Button button without an event will refresh the page

During layout, the Button button is placed in the form form. When entering the page, no operation is performed. First, click the three Button buttons, and the page will be refreshed. It disappeared in an instant, thinking it was the reason for the js conflict, deleted the js file of BootStrap, and the same problem.

            <div class="col-md-8">
                <form class="form-inline">
                  <div class="form-group">
                    <label for="exampleInputName2">姓名    </label>
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                  </div>
                      
                  <div class="form-group">
                    <label for="exampleInputEmail2">邮箱    </label>
                    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]">
                  </div>
                  
                  <button class="btn btn-info"><span class="glyphicon glyphicon-search"></span> 查询</button>
                  <button class="btn btn-primary" id="emp_add_modal_btn"><span class="glyphicon glyphicon-plus"></span> 新增</button>
                  <button class="btn btn-danger" id="emp_delete_btn"><span class="glyphicon glyphicon-trash"></span> 删除</button>
                </form>
            </div>

 

When the three Button buttons are moved out of the form, the above problem does not occur.

<div class="row">
            <div class="col-md-8">
                <form class="form-inline">
                  <div class="form-group">
                    <label for="exampleInputName2">姓名    </label>
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                  </div>
                      
                  <div class="form-group">
                    <label for="exampleInputEmail2">邮箱    </label>
                    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]">
                  </div>
                </form>
            </div>
            <div class="col-md-4">
                <button class="btn btn-info"><span class="glyphicon glyphicon-search"></span> 查询</button>
                <button class="btn btn-primary" id="emp_add_modal_btn"><span class="glyphicon glyphicon-plus"></span> 新增</button>
                <button class="btn btn-danger" id="emp_delete_btn"><span class="glyphicon glyphicon-trash"Delete >span></</button>
            </div>
        </div>

 

The second chapter is only to record the problems on the way to my own development, I hope the great gods can give me more advice.