title: Trying to add a div above nav bar on the top of the page
body: <p>Adding another div on top of the nav bar completely changes the layout of the nav bar itself. 
  HTML-</p>
  
  <pre><code> &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;div&gt;
      &lt;div class="top-bar"&gt;
        &lt;b&gt;For sales inquiries&lt;/b&gt;, call +1(866)965-1533 or &lt;a&gt;Request a free demo&lt;/a&gt; 
      &lt;/div&gt;
      &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
         &lt;div class="navbar-header"&gt;
           &lt;a class="navbar-brand" href="#"&gt;SignEasy&lt;/a&gt;
          &lt;/div&gt;
          &lt;ul class="nav navbar-nav" style="padding-left:140px;"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Features&lt;/a&gt;&lt;/li&gt;
              &lt;li class="dropdown"&gt;
                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"&gt;Industries &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;For Teams&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Pricing&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;API&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;ul class="nav navbar-nav navbar-right" style="padding-right:67px;"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;button type="button" class="btn btn-default navbar-btn" style="border-radius:12px;background:#3793EE;color:white;"&gt;Start free trial&lt;/button&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>CSS- </p>
  
  <pre><code>.top-bar {
    text-align:right;
      background:#f4f4f4;
      color:black;
  }
  </code></pre>
  
  <p>Getting a question mark on the top left of the page-<a href="https://www.awesomescreenshot.com/image/2875140/418d9355f3a8c75b00d15a69d91b382b" rel="nofollow noreferrer">https://www.awesomescreenshot.com/image/2875140/418d9355f3a8c75b00d15a69d91b382b</a></p>