On my computer where I am developing a Ruby on Rails app, I have a relative link to an image. To customize the style, I am using Bootstrap and have used their code to source the image for the top left brand placement. You can view the Bootstrap link here.
I am attempting to add a custom brand image, but I keep encountering a broken image error (404 file not found) when I test in my browser at localhost:3000. I am unsure if this is due to an image size issue or an error in specifying the file location as I have tried different types of images (jpg, jpeg, png) and various sizes without success. This seems to be a basic HTML/CSS issue and I am struggling to find a solution. Any assistance would be greatly appreciated!
Below is a snippet from my partial _header.html.erb file where I reference the Bootstrap navbar:
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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" href="#">
<img alt="Humanify" src="../../app/assets/images/Logo_final_march2015.jpg">
</a>
</div>
</div>
....