title: Bootstrap table split cells
body: <p>I have the following strange thing happening.
  I have the following table:</p>
  <pre><code>&lt;table border=&quot;1&quot; cellpadding=&quot;1&quot; cellspacing=&quot;1&quot; class=&quot;table&quot;&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td colspan=&quot;2&quot;&gt;Паша&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Паша&lt;/td&gt;
          &lt;td&gt;Паша 2&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>It works fine as long as I don't add the boostrap table class. Without class it looks like this:</p>
  <p><a href="https://i.stack.imgur.com/RUzBz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RUzBz.jpg" alt="enter image description here" /></a></p>
  <p>But as soon as I add the bootstrap table class, it looks like this</p>
  <pre><code>&lt;table border=&quot;1&quot; cellpadding=&quot;1&quot; cellspacing=&quot;1&quot; class=&quot;table&quot;&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td colspan=&quot;2&quot;&gt;Паша&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Паша&lt;/td&gt;
          &lt;td&gt;Паша 2&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/UZf2z.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UZf2z.jpg" alt="enter image description here" /></a></p>
  <p>Any idea what is happening here?</p>
  <p>P.S. Sorry can't see pictures in my country (maybe some block?). Adding theese for reference.</p>
  <p>Pics not showing properly here are the links
  Without boostrap - <a href="https://ikeen.com/img/blog/t1.jpg" rel="nofollow noreferrer">https://ikeen.com/img/blog/t1.jpg</a>
  With bootstrap - <a href="https://ikeen.com/img/blog/t2.jpg" rel="nofollow noreferrer">https://ikeen.com/img/blog/t2.jpg</a></p>