Question

我一直试图在我的一个html页面中导入两个图像但由于某种原因它们没有出现。如果有人可以帮我解决这个问题，我将不胜感激。这是我的代码以及我的文件的组织方式：

<div class="col-lg-6">
  <img src"Icons/WebDesign.png"></img>
  <p>Hello</p>
</div>

<div class="col-lg-6">
  <img src"Icons/eCommerce.png"></img>
  <p>Hello</p>
</div>

http://i.stack.imgur.com/dcTUt.jpg

我曾尝试重命名并重新排列部分文件，但似乎没有解决问题。

Answer 1

这是因为您在设置属性=时丢失了src符号，正确的代码段如下所示：

<div class="col-lg-6">
  <img src="Icons/WebDesign.png"></img>
  <p>Hello</p>
</div>

<div class="col-lg-6">
  <img src="Icons/eCommerce.png"></img>
  <p>Hello</p>
</div>

Answer 2

（注意：尝试调试您的代码，您会收到什么错误。）

现在试试这个：

  <div class="row">
   <div class="col-lg-6">
    <img src="Icons/WebDesign.png" class="img-responsive" />
    <p>Hello</p>
   </div>

   <div class="col-lg-6">
    <img src="Icons/eCommerce.png" class="img-responsive"/>
    <p>Hello</p>
   </div>
  </div>

.png图像未显示在bootstrap html标记内

2 个答案: