boostrap中模态窗口的学习与总结-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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

一.模态窗口是什么?

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

是这样一种效果哟:

boostrap中模态窗口的学习与总结二。

一.  组成

    头部(包括标题和关闭按钮)

    中间(主要内容)

    底部(主要是放置操作按钮)

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

boostrap中模态窗口的学习与总结三,实现代码



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

弹窗里的具体内容,hhh   ajbh 

登录 取消