Asp GridView 分页自定义 CSS 在设计视图中有效,但在浏览器中无效

Asp GridView Pagination custom CSS works in Design View but not in browser

我正在使用 Bootstrap 并且在 gridview 中有一个自定义的 css link 分页,所有 CSS 都在两个页面上工作,我的主页有这个:

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

在 aspx 页面中,我有一些类似于..

 <asp:GridView ID="grid_view_search" runat="server" onprerender="GridView_PreRender" DataSourceID="sql_data_source_search" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="table table-hover table-condensed table-bordered" AllowSorting="True" AllowPaging="True">
            <Columns>
               //Columns here
            </Columns>
            <PagerSettings Mode="NumericFirstLast" />
            <PagerStyle CssClass="pagination-bootstrap" HorizontalAlign="Center" />
        </asp:GridView>

除了 "pagination-bootstrap" 这一切都有效并且样式正确,它在浏览器中看起来就像 gridview 的标准样式(即 12)但是在设计视图中它被加载了它的外观方式(即 [1][2]

我一直在研究它并尝试将样式放在 gridview 开始标记行中。在网上,我只找到 css 文件或图像的 links 以“~/css”开头的答案,但我不相信这是我添加的其他位style.css 文件工作正常。

任何帮助将不胜感激

[编辑] 添加了它在设计视图和浏览器中的外观图像

设计视图:

浏览器:

一定要看看这篇文章"Use Bootstrap Pagination On Gridview" https://sufiawan.wordpress.com/2014/09/26/asp-net-use-bootstrap-pagination-on-gridview/

我发现答案是 CSS 正在被缓存,所以为了刷新页面以获取更新的 CSS 文件,我必须按 Ctrl-F5 然后重新加载页面分页的正确样式。