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

Question

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

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

<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']; ?>" alt="<?php the_field( 'texte_alternatif' ); ?>" />
<?php } ?>
</div>
<?php 
$count++; 
endwhile; ?>
<?php endif; ?>
</div>
</div>

Answer 1

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

类似这样的：

.carousel-item img {width: auto;}