javascript - 在左下方对齐 bootstrap 警报

根据bootstrap-growl options documentation，我们可以使用placement选项将咆哮声通知贴在其他地方。我正在尝试将咆哮通知放在左下角，但它不起作用。

这是我想做的事情：

$(document).ready(function () {
    $.growl({
        message: 'Test.'
    }, {
        placement: {
            from: "bottom",
            align: "left"
        },
        delay: 1000000
    });
});

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-growl/1.0.6/bootstrap-growl.min.js"></script>

似乎正在解析选项：delay选项被接受。如果我添加其他人，也是如此。但是，该放置位置仍保持其默认的顶部/右侧位置。

我正在使用bootstrap-growl版本1.0.6。版本2似乎正在制作中，但尚未发布。也许我的问题的一部分是bootstrap-growl网站的文档针对的是V2？

我在这里想念什么？可能是明显的东西...

最佳答案

改为使用position，如下所示：

$(document).ready(function () {
    $.growl({
        message: 'Test.'
    }, {
        position: {
            from: "bottom",
            align: "left"
        },
        delay: 1000000
    });
});

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-growl/1.0.6/bootstrap-growl.min.js"></script>

如果选中1.0.6 release's options documentation on GitHub，您会看到相关选项不是（至今）称为“ placement”，而是（仍然）称为“ position”。其他一些选项似乎也有所不同。