首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >映像未显示在本地主机上

映像未显示在本地主机上
EN

Stack Overflow用户
提问于 2013-04-09 13:34:24
回答 3查看 7.7K关注 0票数 0

图像没有出现在我的本地主机上。下面是HTML代码。我尝试了几种不同的方式来显示te图像。使用Twitter Bootstrap。任何帮助都将不胜感激。

代码语言:javascript
运行
复制
  <div class="media">
  <a class="pull-left" href="">
  <img class="media-object" src="/img/grads.jpg/64x64">
  </a>
  <div class="media-body">
  <h4 class="media-heading">Collaborate with students at other Universities</h4>
  <p>Join your classes and work with other students on studying without having to meet up.</p>
  </div>
  </div>

  <div class="media">
  <a class="pull-left" href="">
  <img class="media-object" src="grads.jpeg/64x64">
  </a>
  <div class="media-body">
  <h4 class="media-heading">Meet new friends you're in class with</h4>
  <p>Pick who you want to be a stranger in your own classes. School is social and so is moreo. : )</p>
  </div>
  </div>

这是CSS代码。不知道我做错了什么。

代码语言:javascript
运行
复制
<link href="../assets/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
  body {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  /* Custom container */
  .container-narrow {
    margin: 0 auto;
    max-width: 700px;
  }
  .container-narrow > hr {
    margin: 30px 0;
  }

  /* Main marketing message and sign up button */
  .jumbotron {
    margin: 30px 0;
    text-align: center;
  }
  .jumbotron h1 {
    font-size: 72px;
    line-height: 1;
  }
  .jumbotron .btn {
    font-size: 15px;
    padding: 10px 20px;
  }

  /* Supporting marketing content */
  .marketing {
    margin: 5px 0;
  }
  .marketing p + h4 {
    margin-top: 14px;
  }
</style>
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
EN

回答 3

Stack Overflow用户

发布于 2013-04-09 14:14:32

尝试查看源代码并检查图像的路径。由于您已经使用了相对路径,因此请检查是否在本地获取了正确的图像路径

票数 1
EN

Stack Overflow用户

发布于 2013-04-09 14:32:06

验证您的映像路径。它应该以file-name及其正确的扩展名结尾。

看你有没有

代码语言:javascript
运行
复制
<img class="media-object" src="grads.jpeg/64x64">

这可能是这样的,我想;

代码语言:javascript
运行
复制
<img class="media-object" src="/64x64/grads.jpeg">

现在,如果图像(grads.jpeg)在根目录的64x64文件夹中可用,那么它肯定会被渲染。

票数 0
EN

Stack Overflow用户

发布于 2013-04-09 14:40:55

使用Bootstrap image加载图像和媒体对象使用data-src属性而不是src,但我没有看到任何使用直接图像URL Bootstrap Media object加载图像的示例

编辑

我想这个标签指的是在线url,我不确定。看看这个placehold这个网址是一个实用的站点,它可以像引导示例一样调整托管图像的大小

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15894026

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档