title: Bootstrap- Applying Nested Grid Columns properly
body: <p>I would appreciate any help given, I've been stuck for a few hours. I've made an accordion page and I want the page to end up as two columns on desktop mode which stack into one column as you resize down to mobile and tablets.</p>
  
  <p>Code- <a href="http://codepen.io/Ahhmmogh/pen/KpoReG" rel="nofollow">http://codepen.io/Ahhmmogh/pen/KpoReG</a></p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-sm-8"
  </code></pre>
  
  <p>I've used <a href="http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_grid_ex3&amp;stacked=h" rel="nofollow">http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_grid_ex3&amp;stacked=h</a> as a reference but I haven't been successful at all as you can see. What am i doing wrong? Again any help would be awesome</p>