製作自舉模式X是上述模式，而不是在它

Question

反正是有，我可以得到x自舉模式出現在模式上面，而不是在標題部分？我一直在嘗試一些幾乎可行的css，但看起來很雜亂。有沒有簡單的方法來做到這一點？

Answer 1

你如何希望它看起來提供的例子。 HTML CSS代碼會很好。 假設你正在使用這個w3School bootstrap modal

.modal-header .close { 
    margin-top: -39px; 
    margin-right: -12px; 
} 

Answer 2

檢查這個sample fiddle

我把.close按鈕的.modal-dialog內而不是.modal-header，並加入一些CSS。希望這可以幫助。

.close { 
    position: absolute; 
    top: 0; 
    right: 0; 
    color: #fff; 
    opacity: 1; 
} 
.modal-dialog { 
    padding-top: 25px; 
}