title: Bootstrap 3 grid system - not showing as grid - what file have I missed?
body: <p>I have the following in my header...</p>
  
  <pre><code>&lt;!-- Mobile viewport optimized --&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
  &lt;!-- Bootstrap CSS --&gt;
  &lt;link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;link href="includes/css/bootstrap-glyphicons.css" rel="stylesheet"&gt;
  &lt;!-- Custom CSS --&gt;
  &lt;link href="includes/css/styles.css" rel="stylesheet"&gt;
  &lt;!-- Include Modernizr in the head, before any other Javascript --&gt;
  &lt;script src="includes/js/modernizr-2.6.2.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>...and the following on my page...</p>
  
  <pre><code>&lt;div class="container"&gt;    
  &lt;div class="row"&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...but the grid layout isn't appearing.  Instead it's just a vertically stacked column of text like so:</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>.col-md-1</p>
  
  <p>Have I missed something in the head section?  I was expecting to see 12 columns.
  Appreciate the help, thank you.
  NJ</p>