title: Trying to make a forum using Bootstrap. Code won't work. Any ideas?
body: <p>there!</p>
  
  <p>So, I stumbled over this website (<a href="http://bootstrap.snipplicious.com/snippet/8/forum" rel="nofollow">http://bootstrap.snipplicious.com/snippet/8/forum</a>), where I found a Bootstrap template for a forum. I copy/pasted the HTML and CSS code, but it doesn't look exactly like on the page. Can anyone tell me why?</p>
  
  <p>Snippet, added.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.forum.table &gt; tbody &gt; tr &gt; td {
      vertical-align: middle;
  }
  
  .forum .fa {
      width: 1em;
      text-align: center;
  }
  
  .forum.table th.cell-stat {
      width: 6em;
  }
  
  .forum.table th.cell-stat-2x {
      width: 14em;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
  
  &lt;div class="container" style="margin-top: 35px"&gt;
    &lt;div class="page-header page-heading"&gt;
      &lt;h1 class="pull-left"&gt;Forums&lt;/h1&gt;
      &lt;ol class="breadcrumb pull-right where-am-i"&gt;
        &lt;li&gt;&lt;a href="#"&gt;Forums&lt;/a&gt;&lt;/li&gt;
        &lt;li class="active"&gt;List of topics&lt;/li&gt;
      &lt;/ol&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;p class="lead"&gt;This is the right place to discuss any ideas, critics, feature requests and all the ideas regarding our website. Please follow the forum rules and always check FAQ before posting to prevent duplicate posts.&lt;/p&gt;
    &lt;table class="table forum table-striped"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th class="cell-stat"&gt;&lt;/th&gt;
          &lt;th&gt;
            &lt;h3&gt;Important&lt;/h3&gt;
          &lt;/th&gt;
          &lt;th class="cell-stat text-center hidden-xs hidden-sm"&gt;Topics&lt;/th&gt;
          &lt;th class="cell-stat text-center hidden-xs hidden-sm"&gt;Posts&lt;/th&gt;
          &lt;th class="cell-stat-2x hidden-xs hidden-sm"&gt;Last Post&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td class="text-center"&gt;&lt;i class="fa fa-question fa-2x text-primary"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;td&gt;
            &lt;h4&gt;&lt;a href="#"&gt;Frequently Asked Questions&lt;/a&gt;&lt;br&gt;&lt;small&gt;Some description&lt;/small&gt;&lt;/h4&gt;
          &lt;/td&gt;
          &lt;td class="text-center hidden-xs hidden-sm"&gt;&lt;a href="#"&gt;9 542&lt;/a&gt;&lt;/td&gt;
          &lt;td class="text-center hidden-xs hidden-sm"&gt;&lt;a href="#"&gt;89 897&lt;/a&gt;&lt;/td&gt;
          &lt;td class="hidden-xs hidden-sm"&gt;by &lt;a href="#"&gt;John Doe&lt;/a&gt;&lt;br&gt;&lt;small&gt;&lt;i class="fa fa-clock-o"&gt;&lt;/i&gt; 3 months ago&lt;/small&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="text-center"&gt;&lt;i class="fa fa-exclamation fa-2x text-danger"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;td&gt;
            &lt;h4&gt;&lt;a href="#"&gt;Important changes&lt;/a&gt;&lt;br&gt;&lt;small&gt;Category description&lt;/small&gt;&lt;/h4&gt;
          &lt;/td&gt;
          &lt;td class="text-center hidden-xs hidden-sm"&gt;&lt;a href="#"&gt;6532&lt;/a&gt;&lt;/td&gt;
          &lt;td class="text-center hidden-xs hidden-sm"&gt;&lt;a href="#"&gt;152123&lt;/a&gt;&lt;/td&gt;
          &lt;td class="hidden-xs hidden-sm"&gt;by &lt;a href="#"&gt;Jane Doe&lt;/a&gt;&lt;br&gt;&lt;small&gt;&lt;i class="fa fa-clock-o"&gt;&lt;/i&gt; 1 years ago&lt;/small&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;table class="table forum table-striped"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th class="cell-stat"&gt;&lt;/th&gt;
          &lt;th&gt;
            &lt;h3&gt;Suggestions&lt;/h3&gt;
          &lt;/th&gt;
          &lt;th class="cell-stat text-center hidden-xs hidden-sm"&gt;Topics&lt;/th&gt;
          &lt;th class="cell-stat text-center hidden-xs hidden-sm"&gt;Posts&lt;/th&gt;
          &lt;th class="cell-stat-2x hidden-xs hidden-sm"&gt;Last Post&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td class="text-center"&gt;&lt;i class="fa fa-heart fa-2x text-primary"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;td&gt;
            &lt;h4&gt;&lt;a href="#"&gt;More more more&lt;/a&gt;&lt;br&gt;&lt;small&gt;Category description&lt;/small&gt;&lt;/h4&gt;
          &lt;/td&gt;
          &lt;td class="text-center hidden-xs hidden-sm"&gt;&lt;a href="#"&gt;6532&lt;/a&gt;&lt;/td&gt;
          &lt;td class="text-center hidden-xs hidden-sm"&gt;&lt;a href="#"&gt;152123&lt;/a&gt;&lt;/td&gt;
          &lt;td class="hidden-xs hidden-sm"&gt;by &lt;a href="#"&gt;Jane Doe&lt;/a&gt;&lt;br&gt;&lt;small&gt;&lt;i class="fa fa-clock-o"&gt;&lt;/i&gt; 3 months ago&lt;/small&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="text-center"&gt;&lt;i class="fa fa-magic fa-2x text-primary"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;td&gt;
            &lt;h4&gt;&lt;a href="#"&gt;Haha&lt;/a&gt;&lt;br&gt;&lt;small&gt;Category description&lt;/small&gt;&lt;/h4&gt;
          &lt;/td&gt;
          &lt;td class="text-center hidden-xs hidden-sm"&gt;&lt;a href="#"&gt;6532&lt;/a&gt;&lt;/td&gt;
          &lt;td class="text-center hidden-xs hidden-sm"&gt;&lt;a href="#"&gt;152123&lt;/a&gt;&lt;/td&gt;
          &lt;td class="hidden-xs hidden-sm"&gt;by &lt;a href="#"&gt;Jane Doe&lt;/a&gt;&lt;br&gt;&lt;small&gt;&lt;i class="fa fa-clock-o"&gt;&lt;/i&gt; 1 years ago&lt;/small&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;table class="table forum table-striped"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th class="cell-stat"&gt;&lt;/th&gt;
          &lt;th&gt;
            &lt;h3&gt;Open discussion&lt;/h3&gt;
          &lt;/th&gt;
          &lt;th class="cell-stat text-center hidden-xs hidden-sm"&gt;Topics&lt;/th&gt;
          &lt;th class="cell-stat text-center hidden-xs hidden-sm"&gt;Posts&lt;/th&gt;
          &lt;th class="cell-stat-2x hidden-xs hidden-sm"&gt;Last Post&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td colspan="4" class="center"&gt;No topics have been added yet.&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>