title: How to put a banner above the fixed navbar of bootstrap which disappears when scrolling down?
body: <p>I"m currently working on a project for school to make a ASP.NET MVC website. When i created a new project, bootstrap files were automatically added. So i decided to work with it, but i never did so before.</p>
  
  <p>The first thing i noticed was the fixed navbar at the top of the website. I want a header/banner above it, followed by the navbar. But i didn't manage to do it. I have this code below in the layout view:</p>
  
  <pre><code>&lt;div class="movdb-header"&gt;&lt;/div&gt; &lt;!-- this is the header i want to display above navbar --&gt;
  
  &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt; 
  &lt;div class="container"&gt;
      &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/button&gt;
          @Html.ActionLink("Home", "Index", "Home", new {area = ""}, new {@class = "navbar-brand"})
          @Html.ActionLink("Inloggen", "Index", "User", new {area = ""}, new {@class = "navbar-brand"})
          @Html.ActionLink("Uitloggen", "Index", "Logout", new {area = ""}, new {@class = "navbar-brand"})
      &lt;/div&gt;
      &lt;div class="navbar-collapse collapse"&gt;
          &lt;ul class="nav navbar-nav"&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS: </p>
  
  <pre><code>.movdb-header {
  background-color: red;
  height: 110px;
  width: 100%;
  </code></pre>
  
  <p>}</p>
  
  <p><a href="https://i.stack.imgur.com/mshy3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mshy3.png" alt="Layout"></a></p>
  
  <p>I searched earlier about this problem and people talked about removing the navbar-fixed-top class and then putting your div above it. But i want the navbar to stay fixed but below the personal banner and if scrolled down only the navbar is visible on top. So the banner disappears when scrolling down.</p>
  
  <p>How can i solve this problem?</p>
  
  <p>Thanks in advance.</p>