Html 使twitter引导弹出模式幻灯片并粘贴到页面底部

我使用的是bootstrap 2.3，我有一个模式，几秒钟后从页面底部滑动，我希望它贴在屏幕底部。 除了调整浏览器高度时，所有功能都正常工作。模式不会固定在底部。请帮忙

这是弹出窗口的外观：

它会一直保持，直到您调整窗口大小，然后：

弹出窗口
$（文档）.ready（函数（）{
setTimeout（函数（）{
$（“#幻灯片底部弹出窗口”）.modal（'show'）；
}，1000）；//毫秒
});
/*------------------------------------弹出式样式-------------------------------------*/
.modal.fade{
最高：100%；
-webkit过渡：不透明度0.3s线性，顶部0.3s缓和；
-moz过渡：不透明度0.3s线性，顶部0.3s缓和；
-o型过渡：不透明度0.3s线性，顶部0.3s缓和；
过渡：不透明度0.3s线性，顶部0.3s缓和；
}
.modal.fade.in{
最高：74.6%；
}
.莫代尔{
背景色：#E5；
位置：固定；
左：95%；
z指数：1000；
宽度：275px；
高度：250px；
-webkit边框右下半径：0px；
-moz边框右下半径：0px；
边框右下半径：0px；
-webkit边框左下半径：0px；
-moz边框左下半径：0px；
边框左下半径：0px；
}
.模态体{
背景尺寸：240px；
位置：相对位置；
身高：205px；
填充：15px；
}
.结束{
利润上限：-10px；
z指数：1050；
左边距：210像素；
字体大小：20px；
字体大小：粗体；
文本阴影：0 1px 0#ffffff；
不透明度：0.2；
过滤器：α（不透明度=20）；
}
.弹出按钮{
左边距：140像素；
边缘顶部：77px；
字体大小：粗体；
}

问题出在CSS中。为了获得所需的结果，您需要设置bottom属性而不是top属性，但是您不能在.modal类上这样做，您需要在.modal body类上这样做

CSS:

.modal.fade.in .modal-body {
    bottom: 0; 
}
.modal-body {
    position: absolute;
    bottom: -250px;
    right: 5%;
    padding: 15px;
    width: 275px;
    height: 250px;
    background-color: #e5e5e5;
    border-radius: 6px 6px 0 0;
    -webkit-transition: bottom 0.3s ease-out;
    -moz-transition: bottom 0.3s ease-out;
    -o-transition: bottom 0.3s ease-out;
    transition: bottom 0.3s ease-out;
}
.close {
    margin-top: -20px;
    text-shadow: 0 1px 0 #ffffff;
}
.popup-button {
    margin-left: 140px;
    margin-top: 77px;
    font-weight: bold;
}

<div class="modal fade" id="slide-bottom-popup" data-keyboard="false" data-backdrop="false">
    <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <p>I'm a pop sliding from the bottom that's suppose to stick</p>
        <a href="" class="btn-primary btn-plain btn popup-button">CTA</a>
    </div><!-- /.modal-body -->
</div><!-- /.modal -->

HTML:

.modal.fade.in .modal-body {
    bottom: 0; 
}
.modal-body {
    position: absolute;
    bottom: -250px;
    right: 5%;
    padding: 15px;
    width: 275px;
    height: 250px;
    background-color: #e5e5e5;
    border-radius: 6px 6px 0 0;
    -webkit-transition: bottom 0.3s ease-out;
    -moz-transition: bottom 0.3s ease-out;
    -o-transition: bottom 0.3s ease-out;
    transition: bottom 0.3s ease-out;
}
.close {
    margin-top: -20px;
    text-shadow: 0 1px 0 #ffffff;
}
.popup-button {
    margin-left: 140px;
    margin-top: 77px;
    font-weight: bold;
}

<div class="modal fade" id="slide-bottom-popup" data-keyboard="false" data-backdrop="false">
    <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <p>I'm a pop sliding from the bottom that's suppose to stick</p>
        <a href="" class="btn-primary btn-plain btn popup-button">CTA</a>
    </div><!-- /.modal-body -->
</div><!-- /.modal -->

&时代；接近
我是一个从底部滑下来的流行音乐，应该是粘在一起的

这很完美，但如果我想将本地存储设置为24小时，该怎么办？