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

一．模态窗口是什么？

创新互联成立与2013年，是专业互联网技术服务公司，拥有项目做网站、网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元德兴做网站,已为上家服务,为德兴各地企业和个人服务,联系电话:028-86922220

是这样一种效果哟：

二。

一．  组成

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

    中间（主要内容）

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

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

三，实现代码

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