Bootstrap模态框的简单示例-创新互联

前言

专注于为中小企业提供成都网站建设、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业明溪免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

---

     使用之前要先引入bootstrap.css，bootstrap.js或bootstrap.min.js，两种js文件的区别是一个未压缩一个压缩，无需全部引入。

注意：所有插件都依赖jQuery（也就是说，jQuery必须在所有插件之前引入页面）

---

bootstrap引入方法：

---

将文件bootstrap.js或bootstrap.min.js放到所在项目的www/lib/js下

并在index.html中添加

---

modal示例：

---

    
        Click to show the modal
    
    

        

            

                

                    ×
                    
Modal title
                
                

                    One fine body…
                
                

                    Close
                
            
        
    

在Controller里调用

function TestController($scope ){
    $scope.test=function()
    {
        $('#myModal').modal('show');
    }
}

---

框效果如图：

---

---

更多详解及bootstrap的应用请参考http://v3.bootcss.com/javascript/#modal

本人仍在不断学习中，欢迎交流指正。。。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文标题：Bootstrap模态框的简单示例-创新互联
标题来源：http://bjjierui.cn/article/diphsp.html