如何垂直中心的Twitter Bootstrap 3模式？

我一直在試圖垂直居中沒有成功的Boostrap 3模態對話框。如何才能完成？如何垂直中心的Twitter Bootstrap 3模式？

2013-09-27 Rui

可以實現對引導垂直居中對齊3模式那樣：

.modal-vertical-centered { 
transform: translate(0, 50%) !important; 
-ms-transform: translate(0, 50%) !important; /* IE 9 */ 
-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */ 
}

和這個CSS類添加到「模式，對話框的」容器

<div class="modal-dialog modal-vertical-centered"> 
...

的jsfiddle工作示例：http://jsfiddle.net/U4NRx/

來源

2013-10-31 16:04:29 EGurelli

這消除了向下滑動動畫效果。 – Nate

真棒隊友..它確實消除了滑落效應，但它只是在中心淡入淡出。所以那些需要它來集中......它的路要走。 –

注意：該示例完全不起作用，如果模式的內容很長，請注意，它只適用於內容短/小的情況。 – zeroasterisk

如何垂直中心的Twitter Bootstrap 3模式？

回答

相關問題