Twitter bootstrap 引导程序3跳过未将所有图片放入行
我有好几张照片,但奇怪的是,它的引导在这一行中不时留下两个空白点。以下是其中一个示例: 以下是导致该问题的代码:Twitter bootstrap 引导程序3跳过未将所有图片放入行,twitter-bootstrap,Twitter Bootstrap,我有好几张照片,但奇怪的是,它的引导在这一行中不时留下两个空白点。以下是其中一个示例: 以下是导致该问题的代码: <div class="row"> <div class="col-xs-6 col-sm-4 "> <div class="content-panel hovereffect overlay"> <!-- Content panel in every span for padding --
<div class="row">
<div class="col-xs-6 col-sm-4 ">
<div class="content-panel hovereffect overlay">
<!-- Content panel in every span for padding -->
<img height="10" width="10" class="img-responsive content-image" ng-src="assets/img/hobbies/Tel_Aviv.jpg" alt="" />
<div class="overlay">
<h2></h2>
<h4 style="color:white;">Tel Aviv, Israel</h4>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 ">
<div class="content-panel hovereffect overlay">
<!-- Content panel in every span for padding -->
<img height="10" width="10" class="img-responsive content-image" ng-src="assets/img/hobbies/turkey.jpg" alt="" />
<div class="overlay">
<h2>Istanbul, Turkey</h2>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 ">
<div class="content-panel hovereffect overlay">
<!-- Content panel in every span for padding -->
<img height="10" width="10" class="img-responsive content-image" ng-src="assets/img/hobbies/amsterdam1.jpg" alt="" />
<div class="overlay">
<h2></h2>
<h4 style="color:white;">Amsterdam, Netherlands</h4>
</div>
</div>
</div>
以色列特拉维夫
土耳其伊斯坦布尔
荷兰阿姆斯特丹
我没有发布所有的照片,但它们都遵循相同的惯例 我没有看到你的代码中有任何错误。我猜你的一个文件名不正确。确保文件类型实际上是“.jpg”,并且它们位于文件夹中。也检查一下你的案例。@Chris,现在26张图片都被填充了。我唯一能想到的是,如果你在某个地方遗漏了一个'。如果没有所有的代码,我不能确定。还有,你为什么要在h2和h4之间切换字幕?我知道了。如果是照片的大小。我不得不四处走动。它们的尺寸都不一样,我需要看看它们的变化。我只是想用css和html来调整它们的大小,但最终它给我带来了问题。很好,我讨厌这样的事情。图片可能是开发者的噩梦。不过我很高兴你已经弄明白了!