bootstrap 模态 modal 小例子【转】
生活随笔
收集整理的這篇文章主要介紹了
bootstrap 模态 modal 小例子【转】
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
bootstrap 模態(tài) modal??小例子
<html><head> <meta charset="utf-8" /> <title>Bootstrap 實(shí)例 - 模態(tài)框（Modal）插件</title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" /> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> </head> <body> <h2>創(chuàng)建模態(tài)框（Modal）</h2> <button class="btn btn-primary btn-lg" data-remote="false" href="d.html" data-toggle="modal" data-target="#myModal"> 開始演示模態(tài)框 </button> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="width:600px"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> 模態(tài)框（Modal）標(biāo)題2 </h4> </div> 1<br/>2<br/>3<br/><div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">關(guān)閉 </button> <button type="button" class="btn btn-primary"> 提交更改 </button> </div> </div> </div> </div> </body> </html>?
bug1?bootstrap3打開modal后下層網(wǎng)頁內(nèi)容出現(xiàn)右移
參考:?bootstrap3打開modal后下層網(wǎng)頁內(nèi)容出現(xiàn)右移?
據(jù)說可以,但變成其它地方移動(dòng)了.
.modal-open {overflow: initial !important; }?
轉(zhuǎn)載于:https://www.cnblogs.com/whatlonelytear/p/6194114.html
總結(jié)
以上是生活随笔為你收集整理的bootstrap 模态 modal 小例子【转】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux查看端口、进程情况及kill进
- 下一篇： 白衣服被火锅油弄到发黄怎么办？