Css 第一个引导选项卡中的图像较小

Css 第一个引导选项卡中的图像较小,css,twitter-bootstrap,Css,Twitter Bootstrap,在引导选项卡中,我有图库。但是,第一个选项卡中的图片比其他选项卡中的图片小。 这一定是一些与引导CSS相关的问题,因为其他库也只有在第一个选项卡中较小。它也不是选项卡组本身,因为它发生在所有新创建的选项卡组中 代码,正如你所看到的,是同一个图库: <ul id="galTab" class="nav nav-tabs"> <li class="active"><a href="#gal2" data-toggle="tab">Biuro projekt

在引导选项卡中,我有图库。但是,第一个选项卡中的图片比其他选项卡中的图片小。 这一定是一些与引导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>

我在
.wonderplugin gridgallery项目中看到了不同的内联样式,尤其是宽度。您必须验证
它不能是插件本身,因为您可以在所有选项卡中看到,使用的是同一个库。所以它有相同的CSS。为了现在的示例,我将库更改为id=“2”,情况相同。因此,这不是画廊。只是要清楚。。。你是说右边的图像吗?
id=“gal4”
我指的是第一个选项卡中库中的所有图像,因此在
中。在所有三个选项卡中都有相同的图库,但我不知道为什么第一个选项卡中图库中的图片总是小于第二个和第三个选项卡中的图片。看一看这个实例,你就会明白,当我看到这些时,它看起来是一样大的。即使我把它们排成一行。丹迪,是的,我现在明白了。这些标签的代码非常压缩,你能试试这个吗。。。查看选项卡2/3上的容器宽度是否设置为比选项卡1容器宽。如果是这样的话,图像可能会调整大小以适应不同的方向,从而增加高度。