how to display gridview inside modal popup using bootstrap ?

<div class="modal modal-wide fade" id="mpeaddnew" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="height: 40px">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<asp:Label runat="server" Text="Add User" ID="lblUser" />
</div>
<div class="modal-body">

<asp:GridView ID="GridView1" runat="server" HeaderStyle-CssClass="Headerstyle"
AutoGenerateColumns="false" AllowPaging="true"
CssClass="table table-responsive">
<rowstyle height="5px">
<columns>
<asp:TemplateField HeaderText="Edit" ItemStyle-Width="20px">
<itemtemplate>
<%--<asp:ImageButton ID="imgbtnEdit" runat="server" Height="15px" ImageUrl="~/Images/edit.png" Width="25px" OnClick="imgbtnEdit_Click" OnClientClick="return clear();" />--%>
<asp:LinkButton ID="imgbtnEdit" Text="Edit" runat="server"/>


<asp:BoundField DataField="ID" HeaderText="UserID" ItemStyle-CssClass="id" HeaderStyle-CssClass="id" ItemStyle-Width="120px" />
<asp:BoundField DataField="Name" HeaderText="First Name" SortExpression="FirstName" ItemStyle-Width="120px" />

<HeaderStyle CssClass="Headerstyle" />
<footerstyle cssclass="gridfooter">
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle CssClass="gridselectedrow" />
<editrowstyle cssclass="grideditrow">
<alternatingrowstyle cssclass="gridalterrow">
<rowstyle cssclass="gridrow">


</div>
<div class="modal-footer">
<asp:Button ID="btnSave" runat="server" CssClass="btn btn-primary" Text="Save" />
<asp:Button ID="btnclear" runat="server" CssClass="btn btn-success" Text="Cancel" />
</div>
</div>
</div>
</div>
this code small size window not wroking alignment issues

Gridview inside the modalpopup doesnt shrink while minimizing the browser window