套用RWD頁面很方便，但有些眉眉角角就得特別處理，CKEDITOR很好用兩個勾稽在一起，熊熊發現不是那麼的圓滿，當然官方也是都有解的，要找而已...Memo囉。
大體來講這個問題出在版面上，所以調整上還是不脫CSS跟JS的配合。
解決方式:
CSS
<style type="text/css">
/* (style-metronic)modal conflict with popup of ckeditor (fix) */
.modal-backdrop {
z-index: 1040 !important;
}
.modal {
z-index: 1050 !important;
}
</style>
JS
<script>
// CKEditor Link input not working in bootstrap modal (fix)
$.fn.modal.Constructor.prototype.enforceFocus = function () {
var $modalElement = this.$element;
$(document).on('focusin.modal',
function (e) {
var $parent = $(e.target.parentNode);
if ($modalElement[0] !== e.target &&
!$modalElement.has(e.target).length &&
!$parent.hasClass('cke_dialog_ui_input_select') &&
!$parent.hasClass('cke_dialog_ui_input_text')) {
$modalElement.focus();
}
});
};
</script>
