我正在使用Bootstrap,并且在gridview中有一个自定义css链接用于分页,所有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>
除了&#34; pagination-bootstrap&#34;之外,这一切都有效并且风格正确。在浏览器中看起来像gridview的标准样式(即12
),但在设计视图中,它的加载方式与其相似(即[1][2]
)
我一直在玩它并尝试将样式放在gridview开口标记行中。在线我只找到了css文件或图像的链接以&#34;〜/ css&#34;开头的答案。但是我不相信这是因为我添加到style.css文件中的其他位工作正常。
非常感谢任何帮助
[编辑]在设计视图和浏览器中添加了它的样子
设计视图:
浏览器:
答案 0 :(得分:2)
我发现答案是CSS被缓存所以为了刷新页面以获取更新的CSS文件,我必须按Ctrl-F5然后重新加载具有适当分页风格的页面。
答案 1 :(得分:0)
请务必查看此文章&#34;在Gridview上使用Bootstrap分页&#34; https://sufiawan.wordpress.com/2014/09/26/asp-net-use-bootstrap-pagination-on-gridview/