Bootstrap 模态框(Modal)与layer.prompt()冲突，layer.prompt()不起作用

报表查询条件框是Bootstrap的模态框（Modal），点击保存按钮弹出layer.prompt()不能获取焦点，主要问题是Bootstrap的模态框（Modal）的div中包含tabindex="-1"。去掉tabindex="-1"就ok了，原始程序：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog"  style="width:79%">
		<div class="modal-content">
		  <div class="modal-header">
			 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				      <h4 class="modal-title" id="myModalLabel">报表查询条件</h4>
		 </div>
		<div class="modal-body">

修改后：

<div class="modal fade" id="myModal"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				    <div class="modal-dialog"  style="width:79%">
				        <div class="modal-content">
				            <div class="modal-header">
				                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				                <h4 class="modal-title" id="myModalLabel">报表查询条件</h4>
				            </div>
				            <div class="modal-body">
				            	<div class="row" >
								    <div class="col-xs-2 col-sm-2" >
								      	<label for="research" class="control-label">历史查询记录</label>