is a Bootstrap Template that I purchased and incorporated into my project. After migrating it to an ASP.NET 4.5 Web Forms setup, I encountered issues with the LayerSlider and Footer not rendering correctly in full width as they did on the original template.
The Master Page structure includes:
<body class="header-fixed">
<form runat="server">
<div class="wrapper">
<div class="header header-sticky">
<div class="container">
.....
</div>
</div>
<div class="container body-content">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
<div class="footer-v1">
.....
</div>
</div>
</div> <!--/wrapper-->
</form>
</body>
While Default.aspx contains:
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<div id="layerslider" style="width: 100%; height: 500px; margin: 0px auto;">
.....
</div>
</asp:Content>
I suspect the issue may be related to the wrapper class, but I haven't pinpointed the exact cause yet. The LayerSlider and Footer are not displaying in full-width, and the Header seems wider than intended.
Your insights on this matter would be greatly appreciated!