Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导4转盘滑块箭头对齐_Jquery_Css_Carousel_Bootstrap 4_Slide - Fatal编程技术网

Jquery 引导4转盘滑块箭头对齐

Jquery 引导4转盘滑块箭头对齐,jquery,css,carousel,bootstrap-4,slide,Jquery,Css,Carousel,Bootstrap 4,Slide,我正在使用引导程序4 Alpha 6旋转木马插件来交互div滑块 我希望右侧和左侧透明按钮分别位于最右侧和最左侧,如下图所示 我尝试过改变立场并遵循方法,但所有这些都不适用于我的情况 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 0; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-

我正在使用引导程序4 Alpha 6旋转木马插件来交互div滑块

我希望右侧和左侧透明按钮分别位于最右侧和最左侧,如下图所示

我尝试过改变立场并遵循方法,但所有这些都不适用于我的情况

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 0;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 0;
}
有人对处理这个问题的最佳方法有什么建议吗?
提前谢谢

Bootstrap 4没有使用glyphicon,框架作为一个整体已经在这个新版本中重写。这意味着引导程序3的旋转木马片段在引导程序4中可能无法工作

引导程序4 Alpha中的左右箭头与
图标prev
图标next
类关联

因此,可以使用此代码将它们分别设置为最右侧和最左侧

.carousel-control .icon-prev{
  left: 5px
}
.carousel-control .icon-next{
  right: 5px
}

Codepen演示:

Bootstrap 4没有使用glyphicon,框架作为一个整体已经在这个新版本中重写。这意味着引导程序3的旋转木马片段在引导程序4中可能无法工作

引导程序4 Alpha中的左右箭头与
图标prev
图标next
类关联

因此,可以使用此代码将它们分别设置为最右侧和最左侧

.carousel-control .icon-prev{
  left: 5px
}
.carousel-control .icon-next{
  right: 5px
}

代码笔演示:

谢谢,这对我帮助很大!当我使用4.0.0-alpha.6 CSS框架时,是否可以保持
图标prev
图标next
按钮的显示?@Yi TingLiu没错,
图标prev
图标next
在4.0.0-alpha.6 CSS框架中受支持。:)谢谢,这对我帮助很大!当我使用4.0.0-alpha.6 CSS框架时,是否可以保持
图标prev
图标next
按钮的显示?@Yi TingLiu没错,
图标prev
图标next
在4.0.0-alpha.6 CSS框架中受支持。:)