Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 引导程序3跳过未将所有图片放入行_Twitter Bootstrap - Fatal编程技术网

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来调整它们的大小,但最终它给我带来了问题。很好,我讨厌这样的事情。图片可能是开发者的噩梦。不过我很高兴你已经弄明白了!