css - 第一个 Bootstrap 选项卡中的图像较小

Question

在 Bootstrap 选项卡中，我有画廊。但是，第一个选项卡中的图片比其他选项卡中的要小。这一定是一些与 Bootstrap CSS 相关的问题，因为其他画廊也只在第一个选项卡中较小。它也不是选项卡组本身，因为它发生在所有新创建的选项卡组中。

还有代码，如您所见，它是同一个画廊:

<ul id="galTab" class="nav nav-tabs">
    <li class="active"><a href="#gal2" data-toggle="tab">Biuro projektowe</a></li>
    <li><a href="#gal3" data-toggle="tab">Kierowanie budowami</a></li>
    <li><a href="#gal4" data-toggle="tab">Zabytki</a></li>
</ul>
<div id="galTabContent" class="tab-content">
   <div class="tab-pane fade active in" id="gal2">
      <?php echo do_shortcode('[wonderplugin_gridgallery id="1"]'); ?>
   </div>
   <div class="tab-pane fade" id="gal3">
      <?php echo do_shortcode('[wonderplugin_gridgallery id="1"]'); ?>
   </div>
   <div class="tab-pane fade" id="gal4">
      <?php echo do_shortcode('[wonderplugin_gridgallery id="1"]'); ?>
   </div>
</div>

Answer 1

我在 .wonderplugin-gridgallery-item 中看到了不同的内联样式, 特别是宽度。您必须验证 <?php echo do_shortcode('[wonderplugin_gridgallery id="1"]'); ?> .