title: Bootstrap Modal won't open on click
body: <p>I am trying to simply open a modal on button click. When I click the fade animation begins then stops almost immediately, when I double click the button it will sometimes work. I believe from reading around there is something wrong with my links or scripts in the head section but I am not sure.</p>
  
  <p>Here is the head section:</p>
  
  
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;DSA - Wine &amp; Vineyards&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
      &lt;script src="jquery/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet"&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>And here is the modal code in the body:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;!-- Trigger the modal with a button --&gt;
      &lt;button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal"&gt;Check weather&lt;/button&gt;
  
      &lt;!-- Modal --&gt;
      &lt;div class="modal fade" id="myModal" role="dialog"&gt;
          &lt;div class="modal-dialog"&gt;
  
              &lt;!-- Modal content--&gt;
              &lt;div class="modal-content"&gt;
                  &lt;p&gt;Some Text&lt;/p&gt;
                  &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>EDIT* - Output to the console ( apologies for the formatting )</p>
  
  <pre><code>Unknown pseudo-class or pseudo-element '-webkit-inner-spin-button'. 
  Ruleset ignored due to bad selector. bootstrap.min.css:5:1544 Unknown
  pseudo-class or pseudo-element '-webkit-search-cancel-button'. 
  Ruleset ignored due to bad selector. bootstrap.min.css:5:1778 Unknown
  property 'orphans'.  Declaration dropped. bootstrap.min.css:5:2691
  Unknown property 'widows'.  Declaration dropped.
  bootstrap.min.css:5:2700 Unknown property '-moz-osx-font-smoothing'. 
  Declaration dropped. bootstrap.min.css:5:3676 Expected colour but
  found 'auto'.  Expected colour but found '-webkit-focus-ring-color'. 
  Expected end of value but found '-webkit-focus-ring-color'.  Error in
  parsing value for 'outline'.  Declaration dropped.
  bootstrap.min.css:5:15689 Error in parsing value for 'margin-top'. 
  Declaration dropped. bootstrap.min.css:5:35720 Expected colour but
  found 'auto'.  Expected colour but found '-webkit-focus-ring-color'. 
  Expected end of value but found '-webkit-focus-ring-color'.  Error in
  parsing value for 'outline'.  Declaration dropped.
  bootstrap.min.css:5:35947 Unknown pseudo-class or pseudo-element
  '-ms-input-placeholder'.  Ruleset ignored due to bad selector.
  bootstrap.min.css:5:36878 Unknown pseudo-class or pseudo-element
  '-webkit-input-placeholder'.  Ruleset ignored due to bad selector.
  bootstrap.min.css:5:36926 Unknown pseudo-class or pseudo-element
  '-ms-expand'.  Ruleset ignored due to bad selector.
  bootstrap.min.css:5:36978 Expected media feature name but found
  '-webkit-min-device-pixel-ratio'. bootstrap.min.css:5:37312 Error in
  parsing value for 'margin-top'.  Declaration dropped.
  bootstrap.min.css:5:38425 Unknown property 'touch-action'. 
  Declaration dropped. bootstrap.min.css:5:45363 Unknown property
  'user-select'.  Declaration dropped. bootstrap.min.css:5:45471
  Expected colour but found 'auto'.  Expected colour but found
  '-webkit-focus-ring-color'.  Expected end of value but found
  '-webkit-focus-ring-color'.  Error in parsing value for 'outline'. 
  Declaration dropped. bootstrap.min.css:5:45652 Expected 'none', URL,
  or filter function but found 'alpha('.  Error in parsing value for
  'filter'.  Declaration dropped. bootstrap.min.css:5:45998 Expected
  colour but found 'solid\9 '.  Expected end of value but found 'solid\9
  '.  Error in parsing value for 'border-top'.  Declaration dropped.
  bootstrap.min.css:5:54924 Expected 'none', URL, or filter function but
  found 'progid'.  Error in parsing value for 'filter'.  Declaration
  dropped. bootstrap.min.css:5:56291 Expected colour but found 'solid\9
  '.  Expected end of value but found 'solid\9 '.  Error in parsing
  value for 'border-bottom'.  Declaration dropped.
  bootstrap.min.css:5:56836 Error in parsing value for
  'background-image'.  Declaration dropped. bootstrap.min.css:5:85027
  Error in parsing value for 'background-image'.  Declaration dropped.
  bootstrap.min.css:5:85213 Error in parsing value for
  'background-image'.  Declaration dropped. bootstrap.min.css:5:85932
  Error in parsing value for 'background-image'.  Declaration dropped.
  bootstrap.min.css:5:86118 Error in parsing value for
  'background-image'.  Declaration dropped. bootstrap.min.css:5:86558
  Error in parsing value for 'background-image'.  Declaration dropped.
  bootstrap.min.css:5:86744 Error in parsing value for
  'background-image'.  Declaration dropped. bootstrap.min.css:5:87190
  Error in parsing value for 'background-image'.  Declaration dropped.
  bootstrap.min.css:5:87376 Error in parsing value for
  'background-image'.  Declaration dropped. bootstrap.min.css:5:87820
  Error in parsing value for 'background-image'.  Declaration dropped.
  bootstrap.min.css:5:88006 Unknown property 'zoom'.  Declaration
  dropped. bootstrap.min.css:5:88442 Expected 'none', URL, or filter
  function but found 'alpha('.  Error in parsing value for 'filter'. 
  Declaration dropped. bootstrap.min.css:5:105685 Expected 'none', URL,
  or filter function but found 'alpha('.  Error in parsing value for
  'filter'.  Declaration dropped. bootstrap.min.css:5:105794 Expected
  'none', URL, or filter function but found 'alpha('.  Error in parsing
  value for 'filter'.  Declaration dropped. bootstrap.min.css:5:107003
  Expected 'none', URL, or filter function but found 'alpha('.  Error in
  parsing value for 'filter'.  Declaration dropped.
  bootstrap.min.css:5:107056 Expected 'none', URL, or filter function
  but found 'alpha('.  Error in parsing value for 'filter'.  Declaration
  dropped. bootstrap.min.css:5:108206 Unknown property 'line-break'. 
  Declaration dropped. bootstrap.min.css:5:108243 Expected 'none', URL,
  or filter function but found 'alpha('.  Error in parsing value for
  'filter'.  Declaration dropped. bootstrap.min.css:5:108268 Unknown
  property 'line-break'.  Declaration dropped.
  bootstrap.min.css:5:110250 Expected media feature name but found
  'transform-3d'. bootstrap.min.css:5:112088 Expected media feature name
  but found '-webkit-transform-3d'. bootstrap.min.css:5:112103 Expected
  'none', URL, or filter function but found 'alpha('.  Error in parsing
  value for 'filter'.  Declaration dropped. bootstrap.min.css:5:113425
  Error in parsing value for 'background-image'.  Declaration dropped.
  bootstrap.min.css:5:113494 Error in parsing value for
  'background-image'.  Declaration dropped. bootstrap.min.css:5:113581
  Error in parsing value for 'background-image'.  Declaration dropped.
  bootstrap.min.css:5:113663 Expected 'none', URL, or filter function
  but found 'progid'.  Error in parsing value for 'filter'.  Declaration
  dropped. bootstrap.min.css:5:113840 Error in parsing value for
  'background-image'.  Declaration dropped. bootstrap.min.css:5:114037
  Error in parsing value for 'background-image'.  Declaration dropped.
  bootstrap.min.css:5:114124 Error in parsing value for
  'background-image'.  Declaration dropped. bootstrap.min.css:5:114206
  Expected 'none', URL, or filter function but found 'progid'.  Error in
  parsing value for 'filter'.  Declaration dropped.
  bootstrap.min.css:5:114383 Expected 'none', URL, or filter function
  but found 'alpha('.  Error in parsing value for 'filter'.  Declaration
  dropped. bootstrap.min.css:5:114608 Expected colour but found '#\30
  00\9 '.  Error in parsing value for 'background-color'.  Declaration
  dropped. bootstrap.min.css:5:115557
  </code></pre>