使用 asp.net/bootstrap 在 gridview 中自定义 css

Question

晚安，我正在使用 ASP.NET / BOOTSTRAP 使用 GRIDVIEW 做一个简单的发布系统，因为 gridview 是一个简单的表，我正在使用带有表 td 和 tr 的 templatefild 和 itemtemplate 来“查看”博客！在那之前一切都好，我设法按照我想要的顺序（标题，日期，摘要，查看整篇文章的链接，作者），但我想将 CSS 应用于这些项目，当然，我想留下类似的东西这： HOW I WANT

应用引导类我可以得到这个： WITH THE BOOTSTRAP

你可以看到任何接近我想要的东西，然后我决定制作我自己的 CSS，但没有什么能捕捉到它，我用我的名字创建了一个类，我将在 css 中打印它，我将 COLOR 属性应用于示例和字体不改变颜色，引导类工作，我的不！记住我正在使用 WEBFORM + MASTER PAGE，然后在我的母版页上有一个流体容器、一行和一列，里面有 contentplaceholder！我有一个带有列、模板文件、项目模板、表格、tr 和 td 的网格视图！我在 GRIDVIEW 中应用 css，但它无法处理！如下示例：

大师代码：

      <!-- CONTEUDO -->
    <div class="container-fluid bg-page">
        <div class="row">
            <div class="col-lg-8">

                <asp:ContentPlaceHolder ID="conteudo" runat="server">
                </asp:ContentPlaceHolder>

            </div>

在 contentplaceholder 中调用的页面代码：

     <div class="container-fluid bg-page" id="conteudo">
    <div class="row">
        <div class="col-lg-12">
            <asp:GridView ID="gdv_posts" runat="server"  ShowHeader="false" CssClass="table table-striped" GridLines="None" AutoGenerateColumns="false" PageSize="5" OnRowCommand="gdv_posts_RowCommand" AllowPaging="True" OnPageIndexChanging="gdv_posts_PageIndexChanging">
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <table >
                                <tr >
                                    <td>
                                        <%# DataBinder.Eval(Container.DataItem, "titulo")%>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <%# DataBinder.Eval(Container.DataItem, "data")%>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <%# DataBinder.Eval(Container.DataItem, "descrição")%>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <asp:Button ID="btn_visualizar" runat="server" Text="Visualizar" class="btn btn-link nav-link" CommandName="Visualizar" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "id")%>' />
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <%# DataBinder.Eval(Container.DataItem, "autor")%>
                                    </td>
                                </tr>
                            </table>

                        </ItemTemplate>
                    </asp:TemplateField>

CSS 代码：

.postagens{
    color: aqua!important;

}

.postagens table{
    color: aqua !important;
}

.postagens td{
    color: aqua !important;
}

.postagens tr{
    color:aqua !important;
}

Answer 1

您不能将 GridView 与 Bootstrap 一起使用，因为它会创建自己的非 RWD 表格 HTML。请改用ListView。那里有关于如何使用 GridView 执行此操作的教程，但由于 ListView 允许您在其模板中使用自己的响应式 Bootstrap 表标记，因此它是多余的和不必要的。