title: Bootstrap dropdown will not respond
body: <p>Enclosed is the code for the index.html I am using to build a personal website. I am experimenting with bootstrap and am not well versed in how it works. I have encountered a problem which after much research I have not been able to solve thus my posting it here. I am using a bootstrap navbar with links and dropdowns, the links work, but the dropdowns do not open when they are clicked on, they plain do not respond. what is strange is that they were working, but somehow I have done something and now they don't. Any guidance would be really helpful. What am I doing wrong?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head lang="en"&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Ryan Pace Sloan&lt;/title&gt;
  &lt;!-- Latest compiled and minified CSS --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"&gt;
  
  &lt;!-- Optional theme --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css"&gt;
  
  &lt;!-- Latest compiled and minified JavaScript --&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $('.dropdown-toggle').dropdown()
  &lt;/script&gt;
  &lt;style&gt;
      body{
          background: #0000ff url('blue-texture-circle.jpg') no-repeat top left;
  
      }
      #name{
          color: whitesmoke;
          font-size: 65px;
          margin-left: 25px;
      }
      #starImg{
          color: gold; /*#ccddff;*/
          font-size: 45px;
      }
      #imgDiv{
          border-radius: 100%;
          background-color: lightblue;
          height: 300px;
          width: 350px;
          margin-top: 77px;
          margin-left: 777px;
          border: 2px solid cadetblue;
  
      }
      #imgDiv img {
          border-radius: 100%;
          height: 280px;
          width: 330px;
          margin: 7px 7px 10px 10px;
          padding: 0px;
      }
      #goldA{
          color: gold;
          margin-top: 70px;
          margin-left: 555px;
  
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;header&gt;
  &lt;nav class="navbar navbar-inverse" role="navigation"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
          &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;
              &lt;a class="navbar-brand" href="#"&gt;&lt;strong id="starImg"&gt;&amp;ast;&lt;/strong&gt;&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
          &lt;div class="collapse navbar-collapse bs-example-js-navbar-collapse" id="collapseNavBar"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li class="active"&gt;&lt;a href="https://github.com/ryanpsloan" target="_blank"&gt;&gt;
                      GitHub&lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="https://www.linkedin.com/profile/view?id=85723107&amp;trk=spm_pic" target="_blank"&gt;&gt;
                      LinkedIn&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="resume.html"&gt;&gt;Resume&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="location.php"&gt;&gt;Location&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="webGL.html" target="_blank"&gt;&gt;WebGL &amp;starf;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="dropdown"&gt;
                      &lt;a id="portfolio" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                          aria-haspopup="true" aria-expanded="false"&gt;
                          Web Dev Portfolio &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu" role="menu" aria-labelledby="portfolio"&gt;
                          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex ="-1"
                                                              href="http://www.easyconversiontools.com"&gt;Easy Conversion
                                                                                                          Tools&lt;/a&gt;&lt;/li&gt;
                          &lt;li role="presentation" class="divider"&gt;&lt;/li&gt;
                          &lt;li role="presentation"&gt;&lt;a role="menuitem"
                                                              tabindex="-1" href="http://www.unitydictionary.info"&gt;Unity
                                                                                      Turkish English Dictionary&lt;/a&gt;&lt;/li&gt;
                          &lt;li role="presentation" class="divider"&gt;&lt;/li&gt;
                          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://www.przm-air.com"&gt;PRZM
                              Air&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
  
              &lt;ul class="nav navbar-nav navbar-right"&gt;
                  &lt;li&gt;&lt;a href="contact.php"&gt;&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="dropdown"&gt;
                      &lt;a id="tweetDrop" href="#" class="dropdown-toggle" data-toggle="dropdown"
                          aria-haspopup="true" role="button"
                          aria-expanded="false"&gt;Tweets @ryanpacesloan &lt;span class="caret"&gt;&lt;/span&gt;   &lt;/a&gt;
                      &lt;ul class="dropdown-menu" role="menu" aria-labelledby="tweetDrop"&gt;
                          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" class="twitter-timeline"
                                                              href="https://twitter.com/ryanpacesloan"
                                                              data-widget-id="536299887302701056"&gt;&lt;/a&gt;
                              &lt;script&gt;
                                  !function(d,s,id){
                                      var js,
                                          fjs=d.getElementsByTagName(s)[0],
                                          p=/^http:/.test(d.location)?'http':'https';
                                      if(!d.getElementById(id))
                                      {
                                          js=d.createElement(s);
                                          js.id=id;
                                          js.src=p+"://platform.twitter.com/widgets.js";
                                          fjs.parentNode.insertBefore(js,fjs);
                                      }
                                  }
                                  (document,"script","twitter-wjs");
                              &lt;/script&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
      &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
  &lt;/nav&gt;
  &lt;h1 id="name"&gt;Ryan Pace Sloan&lt;/h1&gt;
  &lt;/header&gt;
  &lt;div id="centerDiv"&gt;
  &lt;div id="imgDiv"&gt;
      &lt;img src="ryanpace.jpg"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;footer&gt;
  &lt;div id="goldA"&gt;
      &amp;copy; Gold Asterisk 2014
  &lt;/div&gt;
  &lt;/footer&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>
     </p>