CSS消失了
我有下面的HTML代码。页面地址为:“AdminPages/AdminPage.aspx”-CSS消失了,css,asp.net,Css,Asp.net,我有下面的HTML代码。页面地址为:“AdminPages/AdminPage.aspx”- 管理页面 之后: (我没有发布图像的积分)CSS文件的路径与当前文件夹相关-可能是web根目录/。AdminPages.aspx文件也位于相对于当前文件夹的路径中。当您加载它时,您的CSS路径指向相对于AdminPages的文件夹,因此找不到它 更改中的路径所有脚本引用都需要与以下任一项相关: 1) 域根目录。这是通过在url的开头使用/来完成的,例如“/Si
管理页面
-
-
之后:
(我没有发布图像的积分)CSS文件的路径与当前文件夹相关-可能是web根目录/
。AdminPages.aspx
文件也位于相对于当前文件夹的路径中。当您加载它时,您的CSS路径指向相对于AdminPages
的文件夹,因此找不到它
更改中的路径所有脚本引用都需要与以下任一项相关:
1) 域根目录。这是通过在url的开头使用/来完成的,例如“/Site/Scripts/CSS/AdminPage.CSS”
2) 应用程序相对。听起来好像您的应用程序发布在根目录下的一个目录中,所以app relative可能是最好的。App Relative是在服务器控件上开始时使用~/完成的。您还可以使用
在链接路径前面添加。/
,href=“../Scripts/bootstrap.min.css”
,因为查看您的文件夹结构。。。一个是site/index.aspx
然后site/AdminPages/AdminPage.aspx
。。。您需要移回一个文件夹。好的,现在当我编写/Site/Scripts/CSS/AdminPage.CSS时,这就是工作。但现在我看不到电子邮件地址(右上角)
<head>
<meta charset="UTF-8">
<title>Admin Page</title>
<link href="Scripts/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="Scripts/bootstrap-theme.min.css">
<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/bootstrap.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="Scripts/CSS/AdminPage.css" />
</head>
<body>
<div class="bs-example">
<form runat="server">
<nav id="myNavbar" class="navbar navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<asp:LinkButton class="navbar-brand" style="color:white" ID="AdminHomePage" runat="server" href="AdminPages/AdminPage.aspx">Home</asp:LinkButton>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">TEST</a></li>
<li><a href="AdminPages/Profile.aspx">Profile</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Messages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Inbox</a></li>
<li><a href="#">Drafts</a></li>
<li><a href="#">Sent Items</a></li>
<li class="divider"></li>
<li><a href="#">Trash</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">
<asp:Label ID="emailDeatilsLabel" runat="server" style="color:white"></asp:Label> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li class="divider"></li>
<li><asp:LinkButton ID="LogOutLabel" runat="server" href="UserPages/LogOut.aspx">Log Out</asp:LinkButton></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
</form>
</div>
</body>
</html>
<asp:LinkButton class="navbar-brand" style="color:white" ID="AdminHomePage" runat="server" href="AdminPages/AdminPage.aspx" Home</asp:LinkButton>
<link rel="stylesheet" type="text/css" href="/Scripts/CSS/AdminPage.css" />
^ add this.