Question

这是我在任何地方发表的第一篇论坛帖子，请耐心等待。我试图通过MVC（最新版本的终极版）在我的web应用程序中使用来自metro.ui.org的bootsrap文件，我在html共享布局中包含的任何js文件仅显示在第一页上的（localhost）。每当我链接到第一页并转到该站点的任何其他页面时，它将显示site.css默认文件，而不是我一直使用的自定义js文件。

我尝试过使用地铁引导程序中的html actionlinks和按钮。我也在Chrome，Internet Explorer 10和firefox中运行它，没有任何帮助。我正在诅咒HTML5 doc类型（地铁引导所需）。

当我离开默认页面时，第一个图像是顶部按钮的作用。第二个图像是所有引导程序文件都使用的第一个页面（只是localhost）。

http://imgur.com/a/mHyUx

哇，你们很快回复！这是我的共享布局代码。我只是在学习如何使用所有这些，所以它有点混乱。下面的前两个按钮我尝试使用动作链接，但它似乎没有任何帮助。

<!DOCTYPE HTML5>
<html lang="en">
    <head>
        <link rel="stylesheet" href="css/metro-bootstrap.css">

        <script src="js/jquery/jquery.min.js"></script>
        <script src="js/jquery/jquery.widget.min.js"></script>

        <script src="js/metro/metro-*.js"></script>

        <meta charset="utf-8" />
        <title>@ViewBag.Title - LangPract</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
    </head>
    <body class="metro">
        <header >
            <div id="menu" style="background-color:rgb(51, 51, 51); padding-left: 1%; 
                        height: 115px;width:64%;float:left">
                @Html.ActionLink("LangPract", "Index", "Home")
                <br/>
                @ViewBag.render
                <h8>@ViewBag.Title.</h8>
                <h4>@ViewBag.Message</h4>
            </div>

            <div id="content" style="background-color:rgb(51, 51, 51);  height:115px; 
                        width:35%; float:right">

                <button class="image-button primary">
                        @Html.ActionLink("Home", "Index", "Home")
                    <i class="icon-home bg-cobalt"></i>                            
                </button>                      
                <button class="image-button primary">
                        @Html.ActionLink("About", "About", "Home")
                    <i class="icon-info-2 bg-cobalt"></i>
                </button>               
                <br />                 
                <a href="~/Home/Contact">   
                    <button class="image-button primary">
                        Contact
                        <i class="icon-phone bg-cobalt"></i>
                    </button>
                </a>
                <a href="~/Profile/Student">    
                    <button class="image-button primary">
                        Profile
                        <i class="icon-user bg-cobalt"></i>                            
                    </button>
                </a>
            </div>
        </header>
        <div id="body">
            <hr>
                @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">

                @RenderBody()
            </section>
        </div>

        <footer>
            <hr>
            <div class="content-wrapper">
                <div class="float-left, float-top">
                    <p style="padding-left: 4px;">&copy; @DateTime.Now.Year - LangPract</p>
                </div>
            </div>
        </footer>
        @Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts", required: false)
    </body>
</html>

Answer 1

您是否有联系页面的contact.html页面？如果是这样，您可能只链接了index.html头中的metro-bootstrap.css文件 - 这将导致css仅在初始index.html页面而不是您的联系页面上生效。

在您希望样式生效的所有html页面的<style type="text/css" url="metro-bootstrap-.css"></style>中添加<head></head>。

我还应该澄清一下，HTML5 doctype只是浏览器在想要渲染你的html和css时理解你正在使用的标准版本的一种方式。 http://metroui.org.ua/网站要求您的网页拥有该网页，因为它是最新的，并且可以很好地处理今天构建的所有内容。

有关什么是doctype的更多详细信息，请参阅http://alistapart.com/article/doctype。

JS文件未显示在localhost默认页面之后

1 个答案: