I want to make the Gridview in asp.net web forms a little bit smaller and centered using bootstrap stylesheets. below is my code:
<table class="table table-sm " >
<asp:GridView ID="grdTest" runat="server" GridLines="Horizontal" CssClass="table table-sm table-bordered table-condensed table-responsive-sm table-hover table-striped" >
</asp:GridView>
</table>
below is the image of the bootstrap table:

how can I make it smaller and centered on the screen? Right now, it is stretching the entire content page.
any help will be appreciated.






