要将桌面上的Bootstrap轮播图中的图像旋转为水平方向,您可以使用CSS的transform属性来实现。以下是一个示例代码:
HTML代码:
<div id="carouselExample" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="image1.jpg" alt="Image 1">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="image2.jpg" alt="Image 2">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="image3.jpg" alt="Image 3">
</div>
</div>
</div>
CSS代码:
.carousel-item img {
transform: rotate(90deg);
}
在上面的代码中,我们使用了CSS的transform属性来将图像旋转了90度,使其水平显示。您可以根据需要调整旋转的角度。
请确保将正确的图片路径替换为实际的图片路径。