bootstrap模态框怎么从底部出

时间：2017.10.12 发布人：154stzzqt
bootstrap模态框怎么从底部出

已解决问题

谷歌154stzzqt用户在2017.10.12提交了关于“颐和园bootstrap模态框怎么从底部出”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-11T17:39:35。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，感谢你,我会记得你对我的好的 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：kiddkidding  

CSS
.modal.fade:not(.in).left.modal-dia来自log{
-webkit-transform:trans演伟象今站还late3d(-25%,0,0);
transform:translate3d(问答-25%,0,0);
}
.modal.fade:not(.in).right.modal者岩养球-dialog{
-webki叫笔汉t-transform:translate3d(25%,0,0);
transform:translate3d(25%,0,0);
}
.modal.fade:not(.联型in).bottom.mod断深用院叫扬跟船关al-dialog{
-we龙力bkit-transform:translate3d(0,25%,0);
transf划先块械妈成严迅探杆orm:translate3d(0,25%,0);
}
/*AlternativeAngles*/
.modal.fade:not(.in).top湖合旧垂众基重-left.moda乙l-dialog{
-webkit-transform:translate3d(-25%,-25%,0);
tr通振歌迫ansform:tran冷级画盾slate3d(-25%,-25%,0);
}
.modal.fade:not(.in)积微要真扬乎那出货.top-right.modal-dialog{
-webkit-transform:translate3d李管节耐表场(25%,-25%,0);
trans门输数完掌格林四台斯form:translate3d(25%,-25%,0);
}
.modal.右酸号督的聚皮弦fade:not(.in).bottom-left.modal-dialog{
-webkit-transform:translate3d(-25%,25%,0);
transform:translate3d(-2思缺织升还友控达建5%,25%,0);
}
.modal.fade:not(.in).bottom-right.modal-dialog{
-webkit-transform:translate3d(25%,25%,0);
transform:translate3d(25%,25%,0);
}
JS
$('.btn').click(function(){
$('.modal')
.prop('class','modalfade')//reverttodefault
.addClass($(this).data('direction'));
$('.modal').modal('show');
});
h**tml
<aclass='btnbtn-primarybtn'data-direction='top'>Top(default)</a>
<aclass='btnbtn-primarybtn'data-direction='left'>Left</a>
<aclass='btnbtn-primarybtn'data-direction='right'>Right</a>
<aclass='btnbtn-primarybtn'data-direction='bottom'>Bottom</a>
<aclass='btnbtn-infobtn'data-direction='top-left'>Top-Left</a>
<aclass='btnbtn-infobtn'data-direction='top-right'>Top-Right</a>
<aclass='btnbtn-infobtn'data-direction='bottom-left'>Bottom-Left</a>
<aclass='btnbtn-infobtn'data-direction='bottom-right'>Bottom-right</a>