Bootstrap中js部分模拟弹窗
Posted tomatofjy
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap中js部分模拟弹窗相关的知识,希望对你有一定的参考价值。
<html> <head> <link rel="stylesheet" type="text/css" href="cho.css"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="cho.js"></script> <meta charset="utf-8"> <script src="js/bootstrap.min.js"></script> <title>404</title> </head> <body> <button type="button" data-toggle="modal" data-target="#myModal">click</button> <div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="alert modal" aria-hidden="true">×</button> <h4 class="modal-title">title</h4> </div> <div class="modal-body"> <p>testtesttest</p> </div> <div class="modal-footer"> <button class="btn btn-info" type="button" data-dismiss="modal">close</button> <button class="btn btn-primary" type="button">text</button> </div> </div> </div> </div> </body> </html>
引入Bootstrap后只用html代码
以上是关于Bootstrap中js部分模拟弹窗的主要内容,如果未能解决你的问题,请参考以下文章