Twitter bootstrap 3 如何在侧边栏上放置4个缩略图
我有一个侧边栏是col-md-2。现在,我需要把4个缩略图放在这个侧边栏上,它们的图片将是响应的。当我调整窗口大小(使窗口变小)时,此代码图像将变大Twitter bootstrap 3 如何在侧边栏上放置4个缩略图,twitter-bootstrap-3,Twitter Bootstrap 3,我有一个侧边栏是col-md-2。现在,我需要把4个缩略图放在这个侧边栏上,它们的图片将是响应的。当我调整窗口大小(使窗口变小)时,此代码图像将变大 请举例说明你的意思,是否有网站或图片可以证明这一点?您在问题中寻找的内容并不明显。您的代码中缺少一些引号,而且您还忘记将class放在第一部分。下面是我想您试图展示的代码的JSFIDLE:@jacobbålsson我添加了一幅我需要的图片。事实上,我需要在一行4缩略图,这将是响应。我的代码在侧边栏的一行中创建了4个缩略图,但我的问题是,当我调整窗
请举例说明你的意思,是否有网站或图片可以证明这一点?您在问题中寻找的内容并不明显。您的代码中缺少一些引号,而且您还忘记将class
放在第一部分。下面是我想您试图展示的代码的JSFIDLE:@jacobbålsson我添加了一幅我需要的图片。事实上,我需要在一行4缩略图,这将是响应。我的代码在侧边栏的一行中创建了4个缩略图,但我的问题是,当我调整窗口大小时,它的图像大小会发生变化。您希望图像的大小固定吗?您希望侧边栏的大小是固定的,还是应该是响应性的?请编辑您的问题,使其更清楚,以便更多的人可以提供帮助。
<div class=col-md-2>
<div class=row>
<div class=col-md-3>
<div class="thumbnail>
<a href="#">
<img srcset="address" class="img-responsive">
<div class="caption">
a
</div>
</a>
</div>
</div>
<div class=col-md-3>
<div class="thumbnail>
<a href="#">
<img srcset="address" class="img-responsive">
<div class="caption">
a
</div>
</a>
</div>
</div>
<div class=col-md-3>
<div class="thumbnail>
<a href="#">
<img srcset="address" class="img-responsive">
<div class="caption">
a
</div>
</a>
</div>
</div>
<div class=col-md-3>
<div class="thumbnail>
<a href="#">
<img srcset="address" class="img-responsive">
<div class="caption">
a
</div>
</a>
</div>
</div>
<div><!--end of row>
<div>