title: Bootstrap table row offset
body: <p>Here is a really strange effect. I create a table with two rows. The second row is somehow shifted magically 1 cell to the right. 
  <a href="https://www.w3schools.com/code/tryit.asp?filename=FDJS6M68XZIP" rel="nofollow noreferrer">Try it</a>. </p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;table&gt;
        &lt;tr class="header"&gt;
          &lt;th&gt;ID&lt;/th&gt;
          &lt;th&gt;Last Name&lt;/th&gt;
        &lt;/tr&gt;
  
        &lt;tr class="row"&gt;
          &lt;td&gt;1&lt;/td&gt;
          &lt;td&gt;Smith&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Why does this effect appear? How can I remove it?</p>