Bootstrap弹出框

<!--促发弹窗-->
<a href="#" data-toggle="modal" data-target="#about">点我弹出</a>


<!--弹窗代码-->
<div class="modal fade" id="about">
    <div class="modal-dialog">
        <div class="modal-content">
            <!--弹窗顶部-->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">弹出框标题</h4>
            </div>

            <!--弹出框内容-->
            <div class="modal-body">
                内容
            </div>
            <!--弹出框底部-->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>

        </div>
    </div>
</div>