bootstrap之弹出框（模态框）的简单应用

弹出框是一个经常使用的组件，一般用于弹出提示信息，确认信息，表单等内容。

弹出框是浮动在页面之上的，弹出时其他页面元素不可被选中。

弹出框的基本结构：头部、内容、底部（常常是按钮）

基本用法：

1.通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identifier" 来指定要切换的特定的模态框（带有 id="identifier"）。

如图：

基本结构的代码：

    
    
    
    
    



创建模态框（Modal）

开始演示模态框


    

        

            

                ×
                
模态框（Modal）标题
            
            
在这里添加一些文本
            

                关闭
                提交更改
            
        

    

弹出框一般从属于body元素，以防止弹出框被其他元素影响。