使boostrap模态X高于模态，而不是它

Question

无论如何，我可以让bootstrap模式上的x出现在模态上方而不是标题部分吗？我一直在尝试一些几乎可以工作的CSS，但它看起来很混乱。有没有简单的方法呢？

Answer 1

检查此sample fiddle

我将.close按钮放在.modal-dialog内，而不是.modal-header，并添加了一些css。希望这有帮助。

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

Answer 2

提供您希望它的外观示例。 HTML CSS代码会很好。 假设您正在使用此w3School bootstrap modal

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