响应式DataGrid Bootstrap

Question

我有一个嵌入在响应式引导程序表中的DataGrid。

这是我的代码：

<div class="table-responsive">
  <asp:Table ID="Table1" runat="server">
                        <asp:TableRow>
                            <asp:TableCell>
                                <asp:DataGrid ID="MonthlyBillGrid" runat="server" CssClass="table table-striped"
                                    AutoGenerateColumns="True"
                                    EnableViewState="false" HeaderStyle-ForeColor="Black" />
                            </asp:TableCell>
                        </asp:TableRow>
                    </asp:Table>
                </div> 

我的问题是，如何使这个数据网格视图看起来像这样：http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_table_striped&stacked=h

我已经将数据加载到它...它在我的网站上看起来不太好，因为我的整个网站都在引导程序中...

有人可以就如何使DataGrid看起来像上面的链接给我一些建议吗？

由于