Bootstrap 3 class="media-body" 导致图像不显示

Posted 2023-03-06

【中文标题】Bootstrap 3 class="media-body" 导致图像不显示

【英文标题】：Bootstrap 3 class="media-body" causes image to not be shown

【发布时间】：2017-05-10 08:00:27

【问题描述】：

我有以下代码：

<div class="container-fluid>
    files
    <div class="media">
        <div class="media-left">
            <img src="<?php echo base_url('files/filename'); ?>"  class="media-object" style="width:200px">
        </div>
        <div class="media-body">
            <h4 class="media-heading">title</h4>
            <p>text</p>
        </div>
    </div>
    <br>
    /files
</div>

当前结果只是显示的标题和文本，没有图像。当我删除带有“media-body”类的整个 div 时，图像显示。我认为我的代码结构正确，我遵循了 w3-schools 示例。如何让图像和文本都以引导媒体格式显示？

【问题讨论】：

尝试给 img 一个类 class="media-object"

我的图片已经有一个 class="media-object"

你能提供一个jsfiddle或链接吗？

Sure. 在小提琴中它似乎有效。但是，当我运行与小提琴中完全相同的代码时，它会显示this。没有图片。

如果您在本地机器上进行测试，这可能是base_url 的问题，并且它在本地查找文件，请检查呈现的代码并检查正在使用哪个 url图片

【参考方案1】：

缺少“

改变

<div class="container-fluid>

到

<div class="container-fluid">