gpt4 book ai didi

html - Bootstrap 模板迁移到 ASP.NET 4.5 表单 - 全 Angular 呈现问题

转载 作者:行者123 更新时间:2023-11-28 17:11:11 24 4
gpt4 key购买 nike

http://www.petcenters.com/htmlpage1.html是我购买的 Bootstrap 模板的重建。我将该模板复制到添加到元素中的 htmlpage1.html 中。这运行良好。

我试图将此 htmlpage1.html 迁移到 ASP.NET 4.5 Web 窗体元素中,方法是将其分离到 MasterPage 和 Default.aspx 中。

http://www.petcenters.com

我遇到了 LayerSlider 和页脚无法呈现全 Angular 的问题,如 http://www.petcenters.com/htmlpage1.html 中所示

这是母版页:

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

这是 Default.aspx:

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<div id="layerslider" style="width: 100%; height: 500px; margin: 0px auto;">
.....
</div>
</asp:Content>

我不知道是不是这个包装类导致了问题。尽管如此,我仍无法成功调试它以确定为什么 LayerSlider 和 Footer 不是全宽的。标题也显得更宽。

http://www.petcenters.com/htmlpage1.html Bootstrap HTML 模板运行良好

http://www.petcenters.com将 HTML 模板 Bootstrap 至 MasterPage 和 Default.aspx。

如果能深入了解这个问题,我们将不胜感激!

最佳答案

改变 <div class="container body-content"><div class="container-fluid body-content">似乎解决了这个问题。

Bootstrap 类 container正在设置静态 width在某些断点。

关于html - Bootstrap 模板迁移到 ASP.NET 4.5 表单 - 全 Angular 呈现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29177660/

24 4 0
文章推荐: html - Bootstrap 3.0 高度 100% 不工作
文章推荐: javascript - 如何在不扭曲
文章推荐: 类中的 CSS @import
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com