title: Form inside table or table inside form, which one is the right for valid Twitter Bootstrap markup?
body: <p>I'm working on a template based on Twitter Bootstrap and I have a doubt as title says: <em>Form inside table or table inside form, which one is the right for valid Twitter Bootstrap markup? Are both valid?</em></p>
  <p><strong>First markup:</strong></p>
  <pre><code>&lt;form id=&quot;fabForm&quot; method=&quot;post&quot;&gt;
      &lt;div class=&quot;form-group&quot;&gt;
          &lt;div class=&quot;table-responsive&quot;&gt;
              &lt;table class=&quot;table table-condensed&quot;&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th&gt;&lt;/th&gt;
                          &lt;th&gt;Col Title&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;div class=&quot;checkbox&quot;&gt;
                                  &lt;label&gt;
                                      &lt;input type=&quot;checkbox&quot; name=&quot;fabLinkChoice[]&quot; value=&quot;1&quot;&gt;
                                  &lt;/label&gt;
                              &lt;/div&gt;
                          &lt;/td&gt;
                          &lt;td&gt;Dist1&lt;/td&gt;                           
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary&quot; disabled=&quot;&quot; id=&quot;btnAgregarSelFabricante&quot;&gt;&lt;i class=&quot;fa fa-save&quot;&gt;&lt;/i&gt; Add&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  <p><strong>Second markup:</strong></p>
  <pre><code>        &lt;div class=&quot;table-responsive&quot;&gt;
              &lt;table class=&quot;table table-condensed&quot;&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th&gt;&lt;/th&gt;
                          &lt;th&gt;Col Title&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                       &lt;form id=&quot;fabForm&quot; method=&quot;post&quot;&gt;
                           &lt;div class=&quot;form-group&quot;&gt;
                               &lt;tr&gt;
                                    &lt;td&gt;
                                        &lt;div class=&quot;checkbox&quot;&gt;
                                             &lt;label&gt;
                                                 &lt;input type=&quot;checkbox&quot; name=&quot;fabLinkChoice[]&quot; value=&quot;1&quot;&gt;
                                             &lt;/label&gt;
                                       &lt;/div&gt;
                                   &lt;/td&gt;
                                   &lt;td&gt;Dist1&lt;/td&gt;                           
                               &lt;/tr&gt;
                               &lt;tr&gt;
                                   &lt;td colspan=&quot;2&quot;&gt;
                                       &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary&quot; disabled=&quot;&quot; id=&quot;btnAgregarSelFabricante&quot;&gt;&lt;i class=&quot;fa fa-save&quot;&gt;&lt;/i&gt; Add&lt;/button&gt; 
                                   &lt;/td&gt;
                               &lt;/tr&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                 &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  <p><strong>NOTE:</strong> my doubt has a origin on <a href="http://pastie.org/9813404" rel="nofollow noreferrer">this code</a>. There you'll notice the code of the first example and also it's on a Bootstrap Modal, but I can't get it look fine. This is what I see on Chrome:</p>
  <p><img src="https://i.stack.imgur.com/58Ht6.png" alt="enter image description here" /></p>
  <p>And I don't know if I'm missing something in my markup. Around why I'm using tables is because is a tabular data and I think this is the right or I'm wrong?</p>