title: Why isn't pull-right working for my Bootstrap navbar?
body: <p>See the Information section of the navbar <a href="http://www.collegeanswerz.com/university-of-pittsburgh/academics/professors/do-professors-explain-things-clearly-are-professors-interesting" rel="nofollow">here</a>. I'm trying to get it to float right. I used <code>.pull-right</code> like the Bootstrap docs <a href="http://getbootstrap.com/2.3.2/components.html#navbar" rel="nofollow">say</a>, but it isn't working.  </p>
  
  <p>I also tried messing around with Inspect Element and applying <code>float: right !important;</code> directly to the <code>li</code>, which didn't work, and then to the <code>a</code>, which also didn't work.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;div class="navbar""&gt;
      &lt;div class="navbar-inner"&gt;
          &lt;ul class="nav"&gt;
              &lt;li class="divider-vertical"&gt;&lt;/li&gt;
              &lt;li id="academics" class="dropdown main_college_nav_item"&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Academics &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li id="professors"&gt;&lt;a&gt;Professors&lt;/a&gt;&lt;/li&gt;
                      &lt;li id="classes"&gt;&lt;a&gt;Classes&lt;/a&gt;&lt;/li&gt;
                      &lt;li id="difficulty"&gt;&lt;a&gt;Difficulty&lt;/a&gt;&lt;/li&gt;
                      &lt;li id="major"&gt;&lt;a&gt;Majors&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="divider-vertical"&gt;&lt;/li&gt;
              &lt;li id="living_environment" class="dropdown main_college_nav_item"&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Living Environment &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                    &lt;li id="campus"&gt;&lt;a&gt;Campus&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="food"&gt;&lt;a&gt;Food&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="housing"&gt;&lt;a&gt;Housing&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="weather"&gt;&lt;a&gt;Weather&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="safety"&gt;&lt;a&gt;Safety&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="divider-vertical"&gt;&lt;/li&gt;
              &lt;li id="social_life" class="dropdown main_college_nav_item"&gt;&lt;a class="dropdown-toggle" data-toggle="dropdown"&gt;Social Life &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                    &lt;li id="kids"&gt;&lt;a&gt;Kids/Atmosphere&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="parties"&gt;&lt;a&gt;Parties&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="divider-vertical"&gt;&lt;/li&gt;
              &lt;li id="information" class="main_college_nav_item"&gt;&lt;a class="pull-right"&gt;Information &lt;i class="icon-resize-vertical"&gt; &lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li class="divider-vertical"&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>