Hi,
I am trying to understand how to get around the following "issue":

The ASP.NET Forms project has a Site.Master page which is used in all other pages. The Site.Master page has the "Form" element within the entire Body. And I need the individual pages (that use the Site.Master) to have a "Form" element too where I would set the class "form-horizontal" (for Bootstrap 3) as following:

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">

     <form class="form-horizontal" id="form1" runat="server">
     
    </form>

</asp:Content>

But the above "Form" element has the squiggly green line underneath and the message VS 2012 displays is:

 "Validation (HTML5). Element 'form' must not be nested within element 'form'"   

So my question is, how can I have element "form" in the Site.Master page and in the content page that uses the Master page? Or should I do away with element "form" in the Site.Master?

TIA

UPDATE: Let me rephrase the question as following. Since I cannot have the "form" tag in the Master and a Content page, what if I just add the class="form-horizontal" to the Master page "form" element. I think that the content pages that need this class will be "happy." But what type of Content page could be "messed up" by the class="form-horizontal"?

UPDATE 2: I just thought about another approach. What if I add jQuery to the pages that need the class="form-horizontal" to add the class "form-horizontal" to the "form" element? (using jQuery .AddClass). This way, the content pages that do not need the class "form-horizontal" will not have it and the ones that do will. Does it make sense?