title: Dropdown with react-bootstrap works in build static file but not when served with web server
body: <p>I have a simple page build in react with react-bootstrap and react-mini-router. </p>
  
  <p>I am using the same code in the react-bootstrap example for navigation for dropdown:</p>
  
  <pre><code>render: function() {
          var userName = 'Superman';
          return (
              &lt;Navbar brand="React-Bootstrap"&gt;
                  &lt;Nav&gt;
                      &lt;NavItem eventKey={1} href="/"&gt;Home&lt;/NavItem&gt;
                      &lt;NavItem eventKey={2} href="/About"&gt;About&lt;/NavItem&gt;
                      &lt;NavDropdown eventKey={3} title={userName} id="basic-nav-dropdown" onClick={this.userNameClick}&gt;
                          &lt;MenuItem eventKey="1"&gt;Action&lt;/MenuItem&gt;
                          &lt;MenuItem eventKey="2"&gt;Another action&lt;/MenuItem&gt;
                          &lt;MenuItem eventKey="3"&gt;Something else here&lt;/MenuItem&gt;
                          &lt;MenuItem divider /&gt;
                          &lt;MenuItem eventKey="4"&gt;Separated link&lt;/MenuItem&gt;
                      &lt;/NavDropdown&gt;
                  &lt;/Nav&gt;
              &lt;/Navbar&gt;
              )
      }
  
  });
  </code></pre>
  
  <p>When I build the page and open the index as you can see <a href="https://kkarimi.github.io/react-bootstrap-test" rel="nofollow">here</a>, the dropdown in the menu works as expected and just drops the menu without navigating the page, whether you are in 'home' or 'about'. </p>
  
  <p>However when I use gulp-connect or python SimpleHTTPServer to serve the page at localhost, pressing the dropdown always changes/navigates the page to 'home', even though the dropdown is not a link.</p>
  
  <p>How can this happen?</p>
  
  <p>The full code of example can be found <a href="https://github.com/kkarimi/react-bootstrap-test" rel="nofollow">here</a> and problem can be replicated by running gulp which will start the web server.</p>