Twitter bootstrap 如何从右侧打开引导模式?

Twitter bootstrap 如何从右侧打开引导模式?,twitter-bootstrap,css,twitter-bootstrap-3,Twitter Bootstrap,Css,Twitter Bootstrap 3,我想使引导模式,以采取全面的窗口高度,并打开它从右侧像边栏?这意味着它应该正确对齐 如何实现这一点?以下是一种方法(受此启发),将CSS类right添加到模式中,从右侧显示 .model.fade:非(.in).right.model对话框{ -webkit转换:translate3d(25%,0,0); 转换:translate3d(25%,0,0); } &时代;接近 情态标题 模态体 从右侧打开模态将此CSS类“从模态右侧”添加到右侧的“模态衰减” .come-from-modal.

我想使引导模式,以采取全面的窗口高度,并打开它从右侧像边栏?这意味着它应该正确对齐

如何实现这一点?

以下是一种方法(受此启发),将CSS类
right
添加到模式中,从右侧显示

.model.fade:非(.in).right.model对话框{
-webkit转换:translate3d(25%,0,0);
转换:translate3d(25%,0,0);
}

&时代;接近
情态标题
模态体

从右侧打开模态
将此CSS类“从模态右侧”添加到右侧的“模态衰减”

.come-from-modal.left.modal对话框,
.come-from-modal.right.modal对话框{
位置:固定;
保证金:自动;
宽度:320px;
身高:100%;
-webkit转换:translate3d(0%,0,0);
-ms变换:translate3d(0%,0,0);
-o变换:translate3d(0%,0,0);
变换:translate3d(0%,0,0);
}
.come-from-modal.left.modal内容,
.come-from-modal.right.模态内容{
身高:100%;
溢出y:自动;
边界半径:0px;
}
.来自模态。左侧。模态体,
.来自模态.右侧.模态体{
填充:15px 15px 80px;
}
.come-from-modal.right.fade.modal对话框{
右:-320px;
-webkit过渡:不透明度0.3s线性,右0.3s缓和;
-moz过渡:不透明度0.3s线性,右0.3s缓和;
-o型过渡:不透明度0.3s线性,右0.3s缓和;
过渡:不透明度0.3s线性,右0.3s缓和;
}
.come-from-modal.right.fade.in.modal对话框{
右:0;
}

启动演示模式
&时代;
情态标题
...
接近
保存更改

这可能会有帮助:)我想将其设置为右对齐,就像我们有侧边栏一样?我已经问过了!这正是我要找的!来自右侧的全高模式,与屏幕侧面保持连接。谢谢你,先生!