如何将Carousel的箭头从div中移出？

Question

这里我应用了旋转木马，但箭头与图像重叠如何重新拍摄？ 我曾尝试使用以下代码移动箭头：

.carousel-control.left, .carousel-control.right {
background: none;
color: @red;
border: none;
 }

     .carousel-control.left {margin-left: -45px; color: black;}
     .carousel-control.right {margin-right: -45px; color: black;}

但是我的问题以及图像div也滑到-860宽度左侧和860宽度右侧比设计看起来像图像和箭头重叠。如何解决？

Answer 1

我们必须像

一样修改carousal的脚本

this.options.controls && this._slides.length > 1) {
   carousel.prev('div').find('.controls.left').on('click', function(){
    that._slideTo('prior');
      });