Bootstrap 模式中的简单消息

下面的代码将通过在运行时生成引导模型来向你显示引导模型，而无需编写孔长代码。它还可以创建多个 bootstrap 模型，即一个很容易。按照下面的简单代码制作简单的 bootstrap 模型。

将 CSS 包含在你的代码中

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/css/bootstrap-dialog.min.css"/>

你的模型的 HTML 代码可以轻松显示

Click Button next to see bootstrap popup with just simple message only.
    <button class="btn btn-primary" type="button" onclick="showModalNow()">Click Me</button>

在代码中包含以下脚本，以便轻松地使用 bootstrap-model

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/js/bootstrap-dialog.min.js" type="text/javascript" />
<script>
    function showModalNow(){
        BootstrapDialog.show({
            message: 'Hi Apple!'
        });
    }
</script>