title: pull-right in navbar not working
body: <p>I use Asp.net mvc and bootstrap , I tried to put search bar to the right of the navbar by pull-right and float-right but it's not working seacrh bar stays next to other elements on the left of the navbr.   </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;div class="navbar navbar-inverse"&gt;
              &lt;div style=""&gt;
                  &lt;div class="navbar-header"&gt;
                      
                      &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2"&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("RAWAN", "Index", "Home")
  
                  &lt;/div&gt;
                  &lt;!-- Note the new id: #bs-example-navbar-collapse-2 --&gt;
                  &lt;div class="navbar-collapse collapse" id="bs-example-navbar-collapse-2"&gt;
                      &lt;ul class="nav navbar-nav" style="color:white"&gt;
                          &lt;li&gt;@Html.ActionLink("News", "About", "Home")&lt;/li&gt;
                          &lt;li&gt;@Html.ActionLink("Supervisors", "Contact", "Home")&lt;/li&gt;
                          &lt;li&gt;@Html.ActionLink("Senior Projects", "Contact", "Home")&lt;/li&gt;
                          &lt;li&gt;@Html.ActionLink("About me", "Contact", "Home")&lt;/li&gt;
                          &lt;!-- Search bar --&gt;
                            &lt;li class="pull-right" style="padding-right:-50px;"&gt;
          &lt;div class=" float-right pull-right"&gt;
              &lt;form class="navbar-form pull-right" role="search" &gt;
                  &lt;div class="input-group pull-right"&gt;
                      &lt;input type="text" class="form-control pull-right" placeholder="Search" name="srch-term" id="srch-term"&gt;
                      &lt;div class="input-group-btn"&gt;
                          &lt;button class="btn btn-default pull-right" type="submit"&gt;&lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/li&gt;        
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>