Javascript 引导警报

我在单击事件按钮中有我的警报示例。我设法搜索事件发生后警报将淡出的代码。我现在要做的是，我的按钮的

div

在单击事件前后都不会受到影响。我在这里的意思是

单击前-按钮必须有一个空间，以便查看警报

单击后-警报减弱后，按钮不得向上移动

我希望你们能理解

新手在bootstrap

代码

CSHTML

试试这个： 上面的空格一直消失的原因是没有元素来占用空间，所以按钮向上移动。所以这里我只是将按钮上方html的不透明度设置为零。

编辑在第一次加载时，如何设置按钮？

 < div class="alert alert-success" id="success-alert" style="width:auto">
 <strong>Success! </strong >
 < /div >

 < div class="modal-footer" >
 <button type="button" class="btn btn-primary" id="btnAlert">
        Alert</button >
 < /div >

 $("#success-alert").hide();
$("#btnAlert").click(function () {
    $("#success-alert").fadeTo(5000, 500).slideUp(500, function () {
        $("#success-alert").slideUp(500);
    });
});

 $("#success-alert").css("opacity","0");
    $("#btnAlert").click(function () {
            $("#success-alert").css("opacity","1");
        $("#success-alert").fadeTo(5000, 500,function(){
         $("#success-alert").css("opacity","0");
        });       
    });