레일상의 루비에 기반한 부트 스트랩 기반 navbar에서 이미지를 표시하는 방법

Question

루비 레일의 내 부트 스트랩 기반 navbar에서 왼쪽에 이미지를 배치하고 싶습니다. 내 이미지가 나타나지 않습니다. 나는 내가 그 링크를 잘 참조하지 않았다고 생각한다. 이 문제를 어떻게 해결할 수 있습니까? 하는 대신

<%= image_tag("logo.png", class: "img-responsive", id: "navbar-logo") %> 

:

<img id="navbar-logo" class="img-responsive" src="images/logo.png" alt="internsgopro logo"> 

이미지는 HTML 내에서 다음과 같이

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
     <a class="navbar-brand" href="http://www.internsgopro.com"> 
      <img id="navbar-logo" class="img-responsive" src="images/logo.png" alt="internsgopro logo"> 
     </a> 
     <button type="button" class="navbar-toggle collapsed" 
      data-toggle="collapse" data-target="#collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 

     </div> 


     <div class="collapse navbar-collapse" id="collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="<%= "active" if current_page?("/") %>"> 
      <%= link_to "Find Internships", offers_path %> 
      </li> 
     </ul> 

     <ul class="nav navbar-nav"> 
      <li class="<%= "active" if current_page?("/") %>"> 
      <%= link_to "Best Employers", employers_path %> 
      </li> 
     </ul> 

     <ul class="nav navbar-nav"> 
      <li class="<%= "active" if current_page?("/") %>"> 
      <%= link_to "Internship Reviews", reviews_path %> 
      </li> 
     </ul> 

     <ul class="nav navbar-nav"> 
      <li class="<%= "active" if current_page?("/") %>"> 
      <%= link_to "Get the label", reviews_path %> 
      </li> 
     </ul> 

     <ul class="nav navbar-nav"> 
      <li class="<%= "active" if current_page?("/") %>"> 
      <%= link_to "About us", reviews_path %> 
      </li> 
     </ul> 

     </div> 


    </div> 
    </nav> 

Answer 1

당신은 IMAGE_TAG를 사용해야합니다 응용 프로그램/자산/이미지/logo.png에 내부 :

<a class="navbar-brand" href="http://www.internsgopro.com"></a> 

link_to 태그로 태그를 변환해야합니다. http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to

레일 자산의 하나로서 이미지를로드하는 경우 다음과 같은 유래 토론에서

http://localhost:8000/assets/logo.png 

또는

http://localhost:3000/assets/logo.png 

추가 자세한 내용은에서 그것을 볼 수있을한다 링크 :

Rails 4 image-path, image-url and asset-url no longer work in SCSS files

http://guides.rubyonrails.org/asset_pipeline.html 

http://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-audio_tag 

불행히도 의견에 답변하기에 충분한 점수가 없습니다.

행운 파브리 지오 Bertoglio

[레일 4 이미지 경로, 이미지 URL을 더 이상 자산 URL SCSS 파일에서 작업] (의