html - Bootstrap Template Migration to ASP.NET 4.5 Forms- Full Width Rendering Issue -


http://www.petcenters.com/htmlpage1.html re-build of bootstrap template purchased. copied template htmlpage1.html added project. runs fine.

i have attempted migrate htmlpage1.html asp.net 4.5 web forms project separating out masterpage , default.aspx.

http://www.petcenters.com

i'm having issue layerslider , footer not rendering full-width shown in http://www.petcenters.com/htmlpage1.html

here master page:

<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> 

here default.aspx:

<asp:content id="bodycontent" contentplaceholderid="maincontent" runat="server">     <div id="layerslider" style="width: 100%; height: 500px; margin: 0px auto;">     .....     </div> </asp:content> 

i can't tell if wrapper class causing problem. still, haven't been able de-bug determine why layerslider , footer not full-width. header appears wider.

http://www.petcenters.com/htmlpage1.html bootstrap html template runs fine

http://www.petcenters.com bootstrap html template masterpage , default.aspx.

an insight issue appreciated!

changing <div class="container body-content"> <div class="container-fluid body-content"> seems fix problem.

the bootstrap class container setting static width @ break points.


Comments

Popular posts from this blog

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

java - Could not locate OpenAL library -

sorting - opencl Bitonic sort with 64 bits keys -