时间戳

首页 > 解决方案 > 为什么 Bootstrap CSS 类 table-striped 在 asp.net 中不起作用？

c# - 为什么 Bootstrap CSS 类 table-striped 在 asp.net 中不起作用？

问题描述

我是 Asp.net 和引导程序的新手。我在我的 html 中引用了 bootstrap.min.css 并且我有 gridview 控件，我想用“table table-striped”类设置样式。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>

标签： c#cssasp.nettwitter-bootstrap

解决方案

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

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

还可以考虑使用捆绑。

推荐阅读