Bootstrap table within a table not working
<p>Here is the offending code:</p>

<pre><code>&lt;div class="row"&gt;
    &lt;div class="col-lg-1"&gt;&lt;/div&gt;
    &lt;div class="col-lg-10"&gt;
        &lt;table class="table table-hover table-bordered table-striped"&gt;
            &lt;thead&gt;
                &lt;tr&gt;
                    &lt;td&gt;id&lt;/td&gt;
                    &lt;td&gt;msgID&lt;/td&gt;
                    &lt;td&gt;carrier&lt;/td&gt;
                    &lt;td&gt;sentTime&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/thead&gt;    
            &lt;tbody&gt;
                &lt;tr&gt;
                    &lt;td&gt; 1 &lt;/td&gt;
                    &lt;td&gt; 123123132123 &lt;/td&gt;
                    &lt;td&gt; asfjo asjfk &lt;/td&gt;
                    &lt;td&gt; 2016-01-17 03:22:55 &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;table class="table"&gt;
                        &lt;thead&gt;
                            &lt;td&gt; id &lt;/td&gt;
                            &lt;td&gt; msgID &lt;/td&gt;
                            &lt;td&gt; carrier &lt;/td&gt;
                            &lt;td&gt; incomingTime &lt;/td&gt;
                        &lt;/thead&gt;
                            &lt;tr&gt;
                                &lt;td&gt; 3 &lt;/td&gt;
                                &lt;td&gt; 123123132123 &lt;/td&gt;
                                &lt;td&gt; asfjo asjfk &lt;/td&gt;
                                &lt;td&gt; 2016-02-17 03:22:55 &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                                &lt;td&gt; 2 &lt;/td&gt;
                                &lt;td&gt; 123123132123 &lt;/td&gt;
                                &lt;td&gt; asfjo asjfk &lt;/td&gt;
                            &lt;/tr&gt;
                    &lt;/table&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt; 2 &lt;/td&gt;
                    &lt;td&gt; 123123132143 &lt;/td&gt;
                    &lt;td&gt; asfjo asjfk &lt;/td&gt;
                    &lt;td&gt; 2016-01-17 03:22:55 &lt;/td&gt;
                &lt;/tr&gt;
            &lt;/tbody&gt;
        &lt;/table&gt;
    &lt;/div&gt;
    &lt;div class="col-lg-1"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
&lt;script src="/static/js/jquery-2.2.0.min.js"&gt;&lt;/script&gt;
&lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
&lt;script src="/static/js/bootstrap.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>It seems like when it gets to the table tag within the table, the browser thinks I erroneously missed a closing tag for the first table, so it does it automatically for me. So everything after the inner table tag is broken.</p>

<p>Is there something I'm doing wrong here?  </p>