如何在引导轮播中对齐左侧图像

Posted 2023-03-06

【中文标题】如何在引导轮播中对齐左侧图像

【英文标题】：How to align image on left in a bootstrap carousel

【发布时间】：2021-12-12 12:32:27

【问题描述】：

我需要在我的引导轮播中将我的图像在左侧对齐。

实际上每个图像都是中心位置。

<div id="testslider" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<?php if ( have_rows( 'galerie_de_photo' ) ) : ?>
<?php $count = 0; while ( have_rows('galerie_de_photo') ) : the_row(); ?>
<div class="carousel-item <?php if ($count == 0)  ?>active<?php  ?>">
<?php $visuel = get_sub_field( 'visuel' ); ?>
<?php if ( $visuel )  ?>
<img src="<?php echo $visuel['url']; ?>"  />
<?php  ?>
</div>
<?php 
$count++; 
endwhile; ?>
<?php endif; ?>
</div>
</div>

【参考方案1】：

您需要从.carousel-item 元素中的图像中移除 100% 的宽度。

类似这样的：

.carousel-item img width: auto;