title: How to make a navbar position:absolute; with bootstrap?
body: <p>This is my navbar html:</p>
  
  <pre><code>&lt;nav class="navbar navbar-default" role="navigation"&gt;
              &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"&gt;
                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;
                  &lt;a class="navbar-brand" href="/"&gt;EsportGRID&lt;/a&gt;
              &lt;/div&gt;
  
              &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
              &lt;div class="collapse navbar-collapse navbar-ex1-collapse"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                  &lt;li &lt;?php if(Request::path() == "/") { echo 'class="active"'; } ?&gt;&gt;&lt;a href="/"&gt;Start&lt;/a&gt;&lt;/li&gt; 
                      &lt;li &lt;?php if(Request::path() == "about") { echo 'class="active"'; } ?&gt;&gt;&lt;a href="/about"&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
  
                  &lt;ul class="nav navbar-nav navbar-right"&gt;
                      &lt;div class="divider"&gt;&lt;/div&gt;
                      &lt;?php if(Auth::check()) { ?&gt;
                      &lt;li&gt;&lt;a href="#"&gt;{{ ucfirst(Auth::user()-&gt;username); }}&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="{{ URL::route('logout') }}"&gt;Logout&lt;/a&gt;&lt;/li&gt;
                      &lt;?php }else{ ?&gt;
                      &lt;li  &lt;?php if(Request::path() == "login") { echo 'class="active"'; } ?&gt;&gt;&lt;a href="/login"&gt;Login&lt;/a&gt;&lt;/li&gt;
                      &lt;li &lt;?php if(Request::path() == "registration") {echo 'class="active"'; } ?&gt;&gt; &lt;a href="/registration"&gt;Registration&lt;/a&gt;&lt;/li&gt;
                      &lt;?php } ?&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
          &lt;/nav&gt;
  
  This is my CSS:
  
  body, html {
      height: 100%;
      margin: 0;
      overflow:hidden;
  }
  
  .navbar .navbar-default{
      position:absolute !important;
  }
  
  *{
      border-radius:0 !important;
  }
  </code></pre>
  
  <p>I cannot for the life of me make the navbar position absolute, make it follow with the scroll. Would appreciate some help. I've tried using !important and not using !important, but I think the problem mainly resides with containers. </p>