Bootstrap模态框插件

模态框插件：交互式网站常见的弹框功能插件

一、基本使用：

使用模态框的弹窗组件需要三层div容器元素：

• modal（模态声明层）
• dialog（窗口声明层）
• body（主体）
• footer（注脚）

<!-- 模态声明,show表示显示 -->
<!-- fade设置淡入淡出效果 -->
<div class="modal show fade" tabindex="-1">
    <!-- 窗口声明 -->
    <!--  弹窗大小：modal-sm modal-lg -->
    <div class="modal-dialog">
        <!-- 内容声明 -->
        <div class="modal-content">
            <!-- 头部 -->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
                <h4 class="modal-title">会员登录</h4>