【问题标题】:Bootstrap 3 class="media-body" causes image to not be shownBootstrap 3 class="media-body" 导致图像不显示
【发布时间】: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}'); ?>" alt="afbeelding" 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图片

标签: php html css codeigniter twitter-bootstrap-3


【解决方案1】:

缺少“

改变

<div class="container-fluid>

<div class="container-fluid">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-01-15
    • 1970-01-01
    • 2014-11-30
    • 2018-07-15
    • 2015-11-18
    • 2018-05-17
    • 2017-08-08
    相关资源
    最近更新 更多