Html 引导转盘滑块自定义箭头

好的

我使用的是引导旋转滑动条，但使用的是自定义图像，而不是附带的图标

但是，其问题在于，它们的位置朝向滑块的边缘。左上角表示左箭头，右上角表示右图像

我尝试过改变位置，这是可行的，但当窗口重新调整大小时，不会保持在他们的位置。 我不知道代码的目标在哪里，因此代码忽略了在箭头上方悬停时出现的阴影

这是html

<div class="container-fluid banner_fluid">
    <div class="carousel slide" data-ride="carousel" id="carousel_slider">
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/home_banner_1.jpg" alt="home slide 1" />
            </div>
            <div class="item">
                <img src="images/home_banner_2.jpg" alt="home slide 1" />
            </div>
            <div class="item">
                <img src="images/home_banner_3.jpg" alt="home slide 1" />
            </div>
        </div>
        <div href="#carousel_slider" class="left carousel-control" data-slide="prev">
            <span>
                <img src="images/chevron_left.jpg" />
            </span>
        </div>
        <div href="#carousel_slider" class="right carousel-control" data-slide="next">
            <span>
                <img src="images/chevron_right.jpg" />
            </span>
        </div>
    </div>
</div>

}

---

我尝试过的其他代码都给出了很好的效果，但只是在桌面视图中

将此添加到CSS文件中：

.carousel-control {
position: absolute;
top: 50%; /* pushes the icon in the middle of the height */
z-index: 5;
display: inline-block;
}

---

你忘记发布你的CSS代码了吗？还是你什么都没做？@azhpo只是我用的CSS做的每件事都是错的。有点效果。唯一的问题是，右边的图像现在并不像左边的图像那样，自动指向浏览器窗口的右边。。。而那个恼人的引导阴影已经显现了一半。你能发布一个新问题的屏幕截图吗？以及代码（如果您更改了它）。

.carousel-control {
position: absolute;
top: 50%; /* pushes the icon in the middle of the height */
z-index: 5;
display: inline-block;
}