title: Can't get Bootstrap jQuery or bootstrap CSS to work
body: <p>Ok, so I've been coding HTML and CSS for a bit and I'm now looking into designing full webpages. My dad is a developer and he suggested Bootstrap since he has seen a lot of companies moving towards responsive websdesign. So here I am. I've been through multiple tutorials i deff get the gist of it and it seems awesome. But heres my problem:</p>
  
  <p>I can't get it to work, so I can test it!!!</p>
  
  <p>I have the code written out here and I just want to create a 4 column layout but everytime I open it in Chrome it dosen't seem to reference the Bootstrap CSS or jQuery files. Please,  help 
  :(</p>
  
  <pre><code>     &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
      &lt;link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;!--column 1--&gt;
       &lt;div class="row"&gt;
          &lt;div class="col-md-3"&gt;
              &lt;h4&gt;header 1&lt;/h4&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut nulla      venenatis, gravida sapien sed, condimentum dolor. Phasellus gravida orci non rhoncus vehicula.&lt;/p&gt;
              &lt;p&gt;&lt;a href="#"&gt;Read more &gt;&gt;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
  &lt;!--column 2--&gt;
          &lt;div class="col-md-3"&gt;
              &lt;h4&gt;header 2&lt;/h4&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut nulla      venenatis, gravida sapien sed, condimentum dolor. Phasellus gravida orci non rhoncus vehicula.&lt;/p&gt;
              &lt;p&gt;&lt;a href="#"&gt;Read more &gt;&gt;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
  &lt;!--column 3--&gt;
          &lt;div class="col-md-3"&gt;
              &lt;h4&gt;header 3&lt;/h4&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut nulla      venenatis, gravida sapien sed, condimentum dolor. Phasellus gravida orci non rhoncus vehicula. &lt;/p&gt;
              &lt;p&gt;&lt;a href="#"&gt;Read more &gt;&gt;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
  &lt;!--column 4--&gt;
          &lt;div class="col-md-3"&gt;
              &lt;h4&gt;header 4&lt;/h4&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut nulla      venenatis, gravida sapien sed, condimentum dolor. Phasellus gravida orci non rhoncus vehicula.&lt;/p&gt;
               &lt;p&gt;&lt;a href="#"&gt;Read more &gt;&gt;&lt;/a&gt;&lt;/p&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  
       &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
       &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>