专栏首页sktjbootstrap bootstrap-modal.js 模态对话框

bootstrap bootstrap-modal.js 模态对话框

image.png

image.png

<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <button type="button" class="btn btn-danger" data-toggle="modal" data-target=".ex-modal-lg">大模态框</button> <div class="modal fade ex-modal-lg" tabindex="-1" role="dialog" aria-labelledby="largerModal"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header">larger modal header</div> <div class="modal-body"> <img src="img/img.jpg" style="padding: 5px;"> larger modal body</div> <div class="modal-footer">larger modal footer</div> </div> </div> </div> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".ex-modal-sm">小模态框</button> <div class="modal ex-modal-sm" tabindex="-1" role="dialog" aria-labelledby="smallmodal"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header">small modal header</div> <div class="modal-body"> <img src="img/img.jpg" style="padding: 5px;"> small modal body</div> <div class="modal-footer">small modal footer</div> </div> </div> </div> </body> </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap bootstrap-modal.js 模态对话框 并获得传值

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • flask 模态弹出框(flask 64)

    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-ta...

    用户5760343
  • bootstrap 模态弹出框 常用**

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • django 通过ajax完成登录

    玩蛇的胖纸
  • flask 模态弹出框(flask 64)

    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-ta...

    用户5760343
  • bootstrap bootstrap-modal.js 模态对话框 并获得传值

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • bootstrap 模态弹出框 常用**

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • Vue.js-Class与Style绑定 原

    (adsbygoogle = window.adsbygoogle || []).push({});

    tianyawhl
  • bootstrap 搜索框 常用样式

    <nav class="navbar navbar-default" role="navigation"> <div class="container-flu...

    用户5760343
  • VUE 入门基础(5)

    五,Class 与 Style 绑定 绑定HTML class   对象语法     我们可以传给v-bind:class 一个对象,以动态的切换class  ...

    用户1197315

扫码关注云+社区

领取腾讯云代金券