国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > Bootstrap 模态窗口的应用

Bootstrap 模态窗口的应用

来源:程序员人生   发布时间:2014-12-19 08:36:15 阅读次数:4421次

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="⑴" 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>

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生