Navbar徽标无法呈现，但在体内

Question

我花了几天时间试图找出以下代码失败的原因 查找/渲染页眉和页脚导航栏的mP_logo图像，但是 使用link_to image_tag（“mP_logo_36x55.png”）找到并渲染图像 在同一页上。

顺便说一句，在另一个类似的应用程序中，相同的代码没有问题渲染 导航栏中的徽标。

标题

<nav class="navbar navbar-inverse navbar-static-top example6">
<div class="container">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" 
      data-toggle="collapse" data-target="#navbar6">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand text-hide" 
       src="mP_logo_36x55.png">mP logo
    </a>
  </div>

车身

<p class="well">   <%= link_to image_tag("mP_logo_36x55.png") %></p>

页脚 （来源：https://codepen.io/bootstrapped/pen/KwYGwq）

<nav class="navbar navbar-inverse navbar-static-top example6">
<div class="container">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" 
       data-toggle="collapse" data-target="#navbar6">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand text-hide" 
       href="http://disputebills.com">Brand Text
    </a>
  </div>

Answer 1

src不是<a>的有效属性。您的图片未加载，因为您从未通过<img>

进行调用

根据Bootstrap的文档（http://getbootstrap.com/components/#navbar）通过navbar-brand类插入图像的正确方法如下：

<a class="navbar-brand" href="#">
  <img alt="Brand" src="...">
</a>