boostrap中模态窗口的学习与总结-创新互联

一．模态窗口是什么？

是这样一种效果哟：

二。

一．  组成

    头部（包括标题和关闭按钮）

    中间（主要内容）

    底部（主要是放置操作按钮）

对应在html代码中的布局是：使用div容器元素，分别使用modal,modal-dialog,modal-cotent样式，而在modal-content内包含弹窗的header,body,footer,分别使用三个样式：modal-header,modal-body,modal-footer，如下图：

三，实现代码

 
  单击弹出模态窗口
  
	
	
		
			
				
					× Close
				
				登录系统