<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
提问</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledy="myModalLabel">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button data-dismiss="modal" class="close" type="button">
<span >x</span>
<span class="sr-only">close</span>
</button>
<h4 class="modal-title>提问</h4>
</div>
<div class="modal-body">
<p>问题描述</p>
<texttrea class="form-control"></textarea>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-default" type="button">关闭</button>
<button class="btn btn-primary" type="button">提交</button>
</div>
</div>
</div>
</div>
介绍:
data-dismiss="modal" 这样设置可以关闭窗口。tabindex设置成负数,则无法通过tab键来。
注意:tabindex设置成一,表示,按下tab键第一个跳转到该元素。