源码网站php,龙岗这边哪里有教做网站的,wordpress wp_parse_args(),wordpress 改字体插件bootstrap 模态框bootstrap是一个非常酷的前端开发框架#xff0c;它可以大大的简化我们日常开发当中的功能与样式。它有非常漂亮的css组件和非常实用的控件供我们使用。接下来我们来看看bootstrap的内容吧#xff01;首先大家要引入bootstrap的css和js可以在这里下载#x… bootstrap 模态框bootstrap是一个非常酷的前端开发框架它可以大大的简化我们日常开发当中的功能与样式。它有非常漂亮的css组件和非常实用的控件供我们使用。接下来我们来看看bootstrap的内容吧首先大家要引入bootstrap的css和js可以在这里下载https://v3.bootcss.com/getting-started/下载下来引入页面即可。(注意要引入jQuery 因为Bootstrap 的所有 JavaScript 插件都依赖 jQuery)bootstrap的模态框就是当我们点击按钮时会弹出来一个父窗体里面可以有确定、取消等交互内容。直接上代码htmlhtml langzh-CN head meta charsetutf-8 meta nameviewport contentwidthdevice-width, initial-scale1 titlebootstrap模态框title link relstylesheet hrefcss/bootstrap.min.css style typetext/css.main {width: 100%;padding: 10px; }.container {width: 100%; }style head body div classmain. div classcontainer div classrow div classpanel panel-success div classpanel-heading 模态框演示 div div classpanel-body div classcol-lg-2 col-md-3 col-sm-6 col-xs-12 button typebutton classbtn btn-primary btn-lg data-togglemodal data-target#loveTalkModel土味情话button div div div div div div div classmodal fade idloveTalkModel tabindex-1 roledialog aria-labelledbyloveTalkModelLabel aria-hiddentrue div classmodal-dialog div classmodal-content div classmodal-header button typebutton classclose data-dismissmodal aria-hiddentrue × button h4 classmodal-title idloveTalkModelLabel 土味情话 h4 div div classmodal-body 你上辈子一定是碳酸饮料吧为什么我一看到你就能开心的冒泡 div div classmodal-footer button typebutton classbtn btn-default data-dismissmodal取消 button button typebutton idsubmitTo classbtn btn-primary 确定 button div div div div script srcjs/jquery-3.3.1.min.jsscript script srcjs/bootstrap.min.jsscript script typetext/javascript $(#submitTo).click(function(){ alert(爱你哦!); $(#loveTalkModel).modal(hide); })script bodyhtml效果 ▼ 更多精彩推荐请关注我们 ▼关注公众号一起努力
相关文章：
