有twitter引導模態縮放嗎？

我正在使用twitter靴子中的「高」模態。是否有可能以較低的分辨率進行縮放？如果我選擇較低的分辨率，我看不到整個模式。無論如何，我都希望它適合屏幕。如果它不合適，我希望它是可滾動的（有時發生這種情況/ max-height：400px）。我能做的唯一的事情是調整最大高度嗎？有twitter引導模態縮放嗎？

.modal-body { 
    max-height: 400px; 
    padding: 15px; 
    overflow-y: auto; 
} 


.modal { 
    position: fixed; 
    top: 30%; 
    left: 50%; 
    z-index: 1050; 
    width: 750px; 
    margin: -250px 0 0 -280px; 
    overflow: auto; 
    background-color: #ffffff; 
    border: 1px solid #999; 
    border: 1px solid rgba(0, 0, 0, 0.3); 
    *border: 1px solid #999; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
      border-radius: 6px; 
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 
      box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding-box; 
      background-clip: padding-box; 
}

來源

2012-06-29 pethel

我想的背景是滾動的。這部影片http://www.youtube.com/watch最後ONT？ v = 8HGDe5pdAw0 – pethel

.modal { 
    position: absolute; 
}

來源

2012-06-29 07:55:52 pethel

只有代碼和沒有解釋的答案不太有用。即使你只是解釋代碼的作用，它也會使它更加清晰，如果你能說*爲什麼*有效，而不僅僅是有效的話，它就會顯示你的知識。另一方面，此代碼有效，並不是一個複雜的問題。所以在這種情況下，沒關係。 – cortices

雖然所提出的解決方案工作，當您使用位置：（即頂部是淡出人們的視線）絕對，如果窗口的滾動條是低於，模態顯示自己和那麼滾動條會跳轉到頂部。

另一種選擇是根據窗口的高度調整模態的高度。要做到這一點，只需添加以下規則：

/* Since the position of the modal is top: 10%, this rules guarantees that its 
centered vertically */ 
div.modal.fade.in { height: 80%; } 

/* This rule shows the footer at the bottom of the modal and sets its width 
so it looks good */ 
div.modal div.modal-footer{ 
    position: absolute; 
    width: 94%; 
    bottom: 0px; 
} 

/* Finally, we set the bottom of the body so its above the footer 
and its top so its bellow the header of the modal */ 
div.modal div.modal-body{ 
    position: absolute; 
    width: 94%; 
    top: 50px; 
    bottom: 60px; 
}

希望它可以幫助

來源

2013-11-03 07:45:20 tafuentesc

有twitter引導模態縮放嗎？

回答

相關問題