为什么Bootstrap CSS类表条纹无法在asp.net中工作?

时间:2019-02-22 11:23:18

标签: c# css asp.net twitter-bootstrap

我是Asp.net和Bootstrap的新手。我在html中引用了bootstrap.min.css,并且具有想要使用“ table table-striped”类设置样式的gridview控件。 Visual Studio intelisens似乎无法识别带表格的类,并且在程序运行时不起作用。有什么想法我做错了吗? 这是我的html来源:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NotDelivered.aspx.cs" Inherits="PapaBobs.NotDelivered" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server" class ="container">
        <div class ="form-group">
            <asp:GridView ID="notDeliveredGrid" runat="server" CssClass ="table table-hover table-striped"></asp:GridView>
        </div>
    </form>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/jquery-3.3.1.min.js"></script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您当前的href值指定了css文件的相对路径,并且浏览器无法加载该文件,因为该路径不存在。将链接更新到以下

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />

也可以考虑使用bundling