Adding a header image before navbar-fixed-top

Question

How do I add a header image so that it will appear on top of a navbar-fixed-top. And as the user scrolls down the navbar will stick to the top?

I have tried adding it to

Answer 1

JsFiddle with scrolling nav check link

Note: Incase your image is smaller than screen size,insert this snippet inside your css

.masthead img{
width:100%;
 }

The html should look like the following :

    

               

        
Home

        
        
Link

        
        
Link

        
    
    
   
 
 

  

    

    content goes here