我真的不明白为什么这个缩略图不能在中间？我试过了margin: 0 auto, 正在尝试使用col-md-... 但什么都不管用。

有人能帮忙吗？

非常感谢。

<div id="primary" class="content-area">
    <main id="main" class="site-main container" role="main">
        <div class="row">
            <div class="col-md-6 col-centered">
        <?php the_post_thumbnail(\'thumbnail\'); ?>
    </div>
    </div>
    <div class="row">
        <div class="col-md-10 col-xs-12 col-centered">
    <?php
    while ( have_posts() ) : the_post();

        get_template_part( \'template-parts/content\', get_post_format() );

    endwhile; // End of the loop.
    ?>
</div>

我的CSS

.col-centered {
    float: none;
    margin: 0 auto;
}

img {
  margin: 0 auto;
}