[使用asp.net/bootstrap在Gridview中使用CSS定制

Question

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

应用引导程序类，我可以得到以下信息：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;
}

Answer 1

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