<p dir="auto">I am using bootstrap in an asp.net app, and absolutely loving it. I ran into an issue, which I solved .. but I really wanted to know if anyone sees any red flags with my solution.</p>
<p dir="auto">The issue is, asp.net demands that there is one </p> tag, with attribute runat="server" for their code behind stuff to work properly. I was using multiple 's on a page, but as only one  can exist with attribute runat="server" (or asp.net errors out) only the controls within the one  would get enabled for code behind.<p dir="auto"></p>
<p dir="auto">My first solution was to wrap multiple 's in one enclosing  but nested form tags create a problem, as HTML validation actively rejects them, and they were ignored (by firefox) and my styling went awry. (looked at view source and DOM after render, only parent  was regarded)</p>
<p dir="auto">So I did this ..  I used one and only one enclosing , and then used div's instead of forms for control grouping . .eg ...</p><div dir="auto">...</div><div dir="auto">...</div> .. and everything seems to look and work just fine. (left out row and span divs for brevity)<p dir="auto"></p>
<p dir="auto">so my question is .. is there any problem with using </p><div dir="auto"> .. specifically using class  "form-horizontal" with div's. .. it works fine as far as i can tell so far, and I tried firefox/chrome/IE with good results .. but i'm no CSS expert so i'm concerned.<p dir="auto"></p></div>
<p dir="auto">I am using bootstrap in an asp.net app, and absolutely loving it. I ran into an issue, which I solved .. but I really wanted to know if anyone sees any red flags with my solution.</p>
<p dir="auto">The issue is, asp.net demands that there is one &lt;form&gt; tag, with attribute runat="server" for their code behind stuff to work properly. I was using multiple &lt;form class="form-horizontal"&gt;&lt;/form&gt;'s on a page, but as only one &lt;form&gt; can exist with attribute runat="server" (or asp.net errors out) only the controls within the one &lt;form runat="server"&gt; would get enabled for code behind.</p>
<p dir="auto">My first solution was to wrap multiple &lt;form&gt;'s in one enclosing &lt;form runat="server"&gt; but nested form tags create a problem, as HTML validation actively rejects them, and they were ignored (by firefox) and my styling went awry. (looked at view source and DOM after render, only parent &lt;form&gt; was regarded)</p>
<p dir="auto">So I did this ..  I used one and only one enclosing &lt;form runat="server"&gt;, and then used div's instead of forms for control grouping . .eg &lt;form runat="server"&gt;...&lt;div class="form-horizontal"&gt;...&lt;/div&gt;&lt;div class="form-horizontal"&gt;...&lt;/div&gt;&lt;/form&gt; .. and everything seems to look and work just fine. (left out row and span divs for brevity)</p>
<p dir="auto">so my question is .. is there any problem with using &lt;div class="form-horizontal"&gt; .. specifically using class  "form-horizontal" with div's. .. it works fine as far as i can tell so far, and I tried firefox/chrome/IE with good results .. but i'm no CSS expert so i'm concerned.</p>