title: bootstrap navbar-right not working
body: <p>I'm new to bootstrap and I was trying something and found a problem</p>
  
  <p>I have a 2 different navbar-header class, which I want to put it both in left and right hand side and I want it to be responsive</p>
  
  <pre><code>&lt;nav class="navbar navbar-default navbar-fixed-top topnav " style="opacity:0.8" role="navigation"&gt;
      &lt;div class="container " &gt;
          &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
          &lt;div class="navbar-header"&gt;
              &lt;a class=" topnav" href="#"&gt;image1&lt;/a&gt;
          &lt;/div&gt;
          &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
          &lt;div class="navbar-right" &gt;
              &lt;a class=" topnav" href="#"&gt;image2&lt;/a&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
      &lt;!-- /.container --&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>when I view it in mobile, view right-hand part comes to bottom but I wanted it to stay at top both in mobile and desktop view</p>
  
  <p><a href="http://plnkr.co/edit/g1CwhhyDrSoVf3zTRl6E?p=preview" rel="nofollow">http://plnkr.co/edit/g1CwhhyDrSoVf3zTRl6E?p=preview</a></p>
  
  <p>Any help is highly appreciated
  THANKS</p>