【发布时间】：2023-03-21 08:36:01
【问题描述】：
在我的嵌套列 (col-md-6) 中，我包含了两行。不幸的是，第二行中的（较小的）图片没有与第一列和整个页面内容的其余部分水平对齐。 col-md-4 中的边距是否与 col-md-12 中的边距不同，还是有其他原因？
谢谢！
<div class="col-md-6 col-md-height">
<div class="row">
<div class="col-md-12">
<a href="images/e1/expose1.jpg" data-lightbox="roadtrip">
<img src="images/e1/expose1.jpg" class="center-block img-responsive" width="100%">
</a>
blabla
</div>
</div>
<div clas="row">
<div class="col-md-4">
<a href="images/e1/s1.jpg" data-lightbox="roadtrip">
<img src="images/e1/s1.jpg" class="img-responsive">
</a>
</div>
<div class="col-md-4">
<img src="images/e1/s2.jpg" class="img-thumbnail">
</div>
<div class="col-md-4">
<img src="images/e1/s3.jpg" class="img-thumbnail" >
</div>
</div>
</div>
【问题讨论】：
-
你能用你迄今为止尝试过的东西创建一个小提琴演示吗？
-
三个
col-4s 应该 完全等于一个col-12- 所以如果有一个问题没有排列相同，我会在上查看填充或边距其他所有事情先。 -
mitadu.de/bs/test.html 可以吗？也许有人也可以告诉我为什么几个 JS 脚本（例如灯箱）不起作用。
-
仅供参考：它是大图像下方的三张较小的图片。他们留下的那些较小的图像之一似乎有填充或其他东西。如果我只是输入文本，还有一个填充。
标签： html css twitter-bootstrap