2017-01-12 8 views
0

Ruby on Railのブートストラップベースのnavbarの左にイメージを配置したいとします。私のイメージは表示されません。私はリンクをうまく参照しなかったと思います。これをどうすれば解決できますか?ruby​​ on railのブートストラップベースの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内で次のようにあなたがIMAGE_TAGを使用する必要がありますlogo.png

<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> 
+1

可能性のある重複した[Railsの4画像パス、画像、URLおよび資産-urlはもはやSCSSファイルでは動作しません](http://stackoverflow.com/questions/16843143/rails -4-image-path-image-url-and-asset-url-longer-scss-work-in-scss-files) –

答えて

1

/アプリ/資産/画像でありますあなたの内側:

<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

レールがあなたの資産の一つとして、画像をロードしている場合は、次のstackoverflowの議論で

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

関連する問題