c# - 使用asp.net/bootstrap在Gridview中的CSS自定义

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

应用bootstrap类，我可以得到以下信息：
WITH THE BOOTSTRAP

如您所见，任何东西都接近我想要的东西，于是我决定制作自己的CSS，但没有发现任何问题，我用自己的名字创建了一个类，将其打印在css中，并应用了COLOR属性，例如字体不改变颜色，引导程序类起作用，我的不起作用！记住我使用的是WEBFORM + MASTER PAGE，然后在我的母版页上有一个流体容器，一行和一列，里面有contentplaceholder！我有一个与colums，templatefild，项目模板，表，tr和td的Gridview！我在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;
}

最佳答案

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

关于c# - 使用asp.net/bootstrap在Gridview中的CSS自定义，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53109050/