模态框加好看的按钮合集_html-js-css

直接复制粘贴就能用！！！

模态框使用

模态框使用流程

参考 Bootstrap 官方文档拷贝模态框的元素,

点击JavaScript插件,选择模态框,里面有许多样式,以其中的样式为例

Bootstrap 模态框是一个轻量级的多用途JavaScriptd出窗口，可自定义和响应式。可以使用它在网站中显示警告窗口、视频和图片。使用Bootstrap构建的网站可以使用模态框来显示条款和条件（作为注册过程的一部分），视频，甚至社交媒体小部件。

为了可以更好地理解它，我们来看一下Bootstrap模态框的各个组成部分。【相关推荐：《bootstrap教程》】

Bootstrap 模态框主要分为三个部分：头部（header），正文（body）和页脚（footer）。每个部分都有自己的意义，因此我们应该正确的使用它们。我们稍后将讨论这些。Bootstrap模态框最令人兴奋的是什么？你不需要写任何JavaScript代码就可以使用它！所有的代码和样式都是由Bootstrap预定义的。你所需要做的只是使用正确的标记和属性来触发它。

默认的模态框

   Bootstrap 实例 - 模态框（Modal）插件




创建模态框（Modal）






                   模态框（Modal）标题



               在这里添加一些文本

<%@ page contentType="text/html;charset=UTF-8" language="java" %>



    
    
<%--    模态框导包--%>
    
    
    

    Document
    



    
        
            
                
                
                    友情提示!
                 首页面仅为预购订单
            
            
            
            
            



            
            
                
                    
                        订单创建时间
                    
                    
                        采购原因
                    
                    
                        预计采购时间
                    
                    
                        预计支付
                    
                    
                        订单失效时间
                    
                    
                        订单状态
                    
                    
                        boss答复
                    
                    
                         *** 作
                    
                    
                         *** 作