码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 模态窗口的应用

时间:2014-11-28 10:11:55      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:web   jsp   javascript   

Bootstrap中文站那里的资料有些难以理解,也顺便当个笔记写下来。

data-target中表示需要唤醒的modal的类,其他就很简单了



<button class="btn btn-primary" data-toggle="modal" data-target=".modal">Small modal</button>

<!-- Modal -->
<div class="modalfade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">SysInfo</h4>
</div>
<div class="modal-body">...</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

Bootstrap 模态窗口的应用

标签:web   jsp   javascript   

原文地址:http://blog.csdn.net/szhielelp/article/details/41575321

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!