bootgrid jquery добавить редактировать удалить

Я не могу открыть модальное окно из средств форматирования:

я получил мои модальные окна

и форматеры не тянут соответствующие окна

formatters: {
"commands": function(column, row)
{
//<button type="button" class="btn btn-xs btn-primary" data-toggle="modal" data-target="#add_new_record_modal">

return "<button type='button' class='btn btn-warning btn-xs' data-toggle='modal' data-target='#update_user_modal' data-row-id='"+row.emp_id+"'>Edit</button>" +
"&nbsp; <button type='button' class='btn btn-danger btn-xs delete' data-row-id='"+row.emp_id+"'>Delete</button>";
}

Вот мой модальный код Windows

    <!-- Modal - Update User details -->
<div class="modal fade" id="update_user_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Update</h4>
</div>
<div class="modal-body">

<div class="form-group">
<label for="update_first_name">First Name</label>
<input type="text" id="update_first_name" placeholder="First Name" class="form-control"/>
</div>

<div class="form-group">
<label for="update_last_name">Last Name</label>
<input type="text" id="update_last_name" placeholder="Last Name" class="form-control"/>
</div>

<div class="form-group">
<label for="update_email">Email Address</label>
<input type="text" id="update_email" placeholder="Email Address" class="form-control"/>
</div>

</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" onclick="UpdateUserDetails()" >Save Changes</button>
<input type="hidden" id="hidden_user_id">
</div>
</div>
</div>

</div>

Пожалуйста, можете помочь.