颜色选择器在bootstrap模态的背景中显示

Question

我正在使用https://itsjavi.com/bootstrap-colorpicker/提供的bootstrap颜色选择器库。但是我想在引导模态中显示颜色选择器，然后它显示在模态后面，当你尝试点击它时，颜色选择器和模态都会消失。

<div class="form-group floating-label">
  <input value="#8fff00" id="cp1" class="form-control bscp dirty" data-colorpicker-guid="2" type="text" name="event_category[color]">
  <label for="event_category_color">Color</label>
</div> 

<script>
    $(function () {
        $('#cp1').colorpicker();
    });
</script>