Question

我正在尝试使用Express（Handlebars）中的bootstrap在浏览器中加载一些图像，虽然其他媒体内容看起来很好，但图像不会在浏览器（Chrome）中加载。

.hbs文件中的代码如下：

  1 <div class="panel panel-default">
  2         <div class="panel-heading">     
  3                 <h2 class="panel-title">{{index.title}}</h2>    
  4                 <div>
  5                         <ul class="media-list">         
  6                                 {{#each movies}} <li class="media">
  7                                 <a class="pull-left" href="#"   
  8                                         <img class="media-object img-responsive" src= {{ poster_path }} alt=" ">
  9                                 </a>                            
 10                                 <div class="media-body">{{ title }}<br/><strong class="media-heading">{{ popularity }}</strong>
 11                                 </div>                          
 12                                 </li>                           
 13                                 {{/each}} </ul>                 
 14                 </div>
 15         </div>
 16 
 17 </div>

以下是该页面的屏幕截图：

https://drive.google.com/file/d/0B0oBZ2pgT9DUQldkaHFfNllFblU/view?usp=sharing

非常感谢任何意见/建议。

添加的好词： https://jsfiddle.net/chattes/9azgfxex/

由于

Answer 1

我能够弄明白......这与div标签有关。最新小提琴： https://jsfiddle.net/chattes/9azgfxex/

<title>{{title}}</title>

<body>
  <div class="page-header">
    <div class="container">
      <div class="col-md-1">
        <h1><a href="/">discoverMovie</a></h1>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">

        <ul class="media-list">
        <div class="col-sm-12 col-md-6">
          <li class="media">
            <img src="http://www.w3schools.com/bootstrap/cinqueterre.jpg" alt="Interstellar" width="200" height="100" class="img-thumbnail">
            <div class="media-body">"Interstellar"
              <br/><strong class="media-heading">14.524256</strong>
            </div>
          </li>
           </div>
        <div class="col-sm-12 col-md-6">
          <li class="media">
            <img src="http://www.w3schools.com/bootstrap/cinqueterre.jpg"

Express-NodeJS中的Bootstrap图像未显示

1 个答案: