模态框中使用Tooltips工具提示和弹出提示框,依赖 Popper.js
点击下面按钮，能呼出动态窗口，即切换到模态框的动态模式，它将从页面顶部向下浮动并淡入展现：
当用户viewport 视口（弹出内容区）或设备的模态变得较长时，它们会自动滚动页面，点击下面的演示可以看到：
将 .modal-dialog-centered 添加到 .modal-dialog 对话框以垂直居中模式。
Tooltips工具提示 和 popovers 提示框，可以根据需要放置在模态框中。当模态框关闭时，其包含的任何提示和Pop提示都会同步关闭。
弹出模态框里面，点击a链接的popover提示框，总是跳到网页顶部，怎样不跳呢？加下面js代码，阻止a标签的默认行为:
$('.div_ttit [href="#"]').click(function(t) {
t.preventDefault()
});在.modal-body中加入 .container-fluid 栅格系统，可以在动态视窗中使用Bootsrap栅格系统，并在任何地方使用正常的栅格系统class定义。
想定义一组按钮，它们所触发的模态框相同，但内容不同？请使用event.relatedTarget 和 HTML data-* 属性 (或通过 使用 jQuery)依据所点按钮的定义来动态加载弹出窗口中的内容。
如果只要弹出模态而不需要淡入淡出效果，请从你的模态窗元素中定义移除 .fade 即可（aria-hidden="true"。
模态框有两个可选大小，可以通过class定义.modal-dialog（分别是.bd-example-modal-lg和.bd-example-modal-sm，这些尺寸会在某些中断点调整，以避免在较小的viewport窗口上出现水平滚动条。
| Size | Class | Modal max-width |
|---|---|---|
| Small | .modal-sm |
300px |
| Default | None | 500px |
| Large | .modal-lg |
800px |
| Extra large | .modal-xl |
1140px |