Html 引导转盘被自定义css覆盖并显示所有图像

我试着让引导旋转木马工作，但问题是旋转木马滑块会显示彼此之间的所有图像。我看不出我的代码有什么问题，一切似乎都是正确的

我正在做一个wordpress主题，旋转木马是一个画廊的帖子格式。我尝试的是，我把我的自定义css放在引导css的上方，然后旋转木马工作得很好，但我的自定义css不再工作得很好，所以我不得不像应该的那样，把我的自定义css放在引导css的上方。我不知道怎么了

...
<article id="post-<?php the_ID(); ?>" <?php post_class( 'minimal-format-gallery' ); ?>>
    <header class="entry-header text-center">
        <?php if( minimal_get_attachment() ): 
            $attachments = minimal_get_attachment(3);
        ?> 
            <div id="post-gallery-<?php the_ID(); ?>" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner" role="listbox">
                    <?php 
                        $i = 0;
                        foreach( $attachments as $attachment ): 
                        $active = ( $i == 0 ? ' active' : '' );
                    ?>
                        <div class="carousel-item<?php echo $active; ?> background-image standard-featured" style="background-image: url( <?php echo wp_get_attachment_url( $attachment->ID ); ?> );"></div>
                    <?php $i++; endforeach; ?>
            </div><!-- .carousel-inner -->
                <a class="carousel-control-prev" href="#post-gallery-<?php the_ID(); ?>" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#post-gallery-<?php the_ID(); ?>" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div><!-- .carousel -->
            <?php endif; ?>

。。。

问题出在css文件中，因为您定义了一个与引导类同名的类。你应该重命名你的自定义css类或id，并确保它与任何预定义的类或id不匹配。我希望在那之后它会工作。如果问题没有解决，请编辑您的问题并给我留下评论

哦，伙计，是的，我必须重命名一个类，因为我放进去的旧类有一个display:block属性，而bootstrap没有覆盖它。谢谢。