JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js
文件),或者一次性全部引入(使用 bootstrap.js
或压缩版的 bootstrap.min.js
)。
模态框,模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。
模态窗口的标题部分,包含一个右上角的关闭按钮。
模态窗口的底部,主要包含操作控制用的按钮
示例代码:
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
时间: 2024-10-30 08:39:07