图像不会显示在引导程序缩略图中

Question

在我的网站上，我试图用他们的徽标，他们的名字和关于他们的简短描述来概述客户。

我正在使用bootstrap缩略图和chrome。

这是我的代码：

<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/img/logos/first.jpg" alt="first">
            <div class="caption">
                <h3>First</h3>
                <p>Some text</p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/img/logos/second.png" alt="second">
            <div class="caption">
                <h3>Second</h3>
                <p>Some text</p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/img/logos/third.png" alt="third">
            <div class="caption">
                <h3>Third</h3>
                <p>Some text</p>
            </div>
        </div>
    </div>
</div>

我的问题是我看不到任何图像。我得到的只是替代文字。图像的路径是正确的。

有人可以向我解释为什么我的图像无法显示？

修改

这是我的项目结构：

解

我发现了错误！

• 正确的路径是“img / logos / first.jpg”。
• 我还使用“sudo chmod 755 FILENAME”（Linux）修改了文件夹徽标和所有图像。

Answer 1

路径/img/Kundenlogos/third.png与您的根目录相关。例如，您可能有类似/Webseite/img/Kundenlogos/third.png的内容。也包括在内。

如果您的结构如下所示：

folder
    html
        file.html
        index.html
    img
        Kundenbilder
            first.jpg
            second.jpg

您也可以使用../img/Kundenlogos/third.png