Apply bootstrap style paging to FormView using CSS in ASP.Net

I replaced the css this this one and it seems its now working fine.

<div id="adminedit">
    <asp:FormView ID="FormView1" runat="server" AllowPaging="True" DataKeyNames="CustInqryID"
        DataSourceID="ObjectDataSource1" OnDataBound="FormView1_DataBound" OnItemCommand="FormView1_ItemCommand"
        OnItemUpdated="FormView1_ItemUpdated">
        <ItemTemplate>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2>
                            Edit Inquiry</h2>
                        <h4>
                            <asp:TextBox ID="CustInqDateTextBox" runat="server" Text='<%# Bind("CustInqDate","{0:d}") %>'
                                class="input-sm datetimepickerEdit" />
                            <small>Call Taken By </small>
                            <pen:exdropdownlist id="drpCallTaken" runat="server" datasourceid="DS_CallTaken"
                                datavaluefield="ID" datatextfield="DESCRIPTION" selectedvalue='<%# Bind("CallTakenBy") %>'
                                enabled="false" class="input-sm disabled" required>
                </pen:exdropdownlist>
                        </h4>
        </ItemTemplate>
        <PagerStyle CssClass="pagination-ys" />
        <PagerSettings Visible="true" NextPageText="Next" PreviousPageText="Previous" Mode="Numeric"
            PageButtonCount="10" Position="Bottom" />
    </asp:FormView>
</div>
<style type="text/css">
    #adminedit > div > div.row > table th
    {
        background-color: #F7F7F7;
        color: #333;
        font-weight: bold;
    }
    #adminedit > div > div.row > table th, table td
    {
        padding: 5px;
        border-color: #ccc;
    }
    #adminedit > div > div.row
    {
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }
            
    #adminedit > div > div.row > table > tbody > tr > td
    {
        display: inline;
    }
            
    #adminedit > div > div.row > table > tbody > tr > td > a, #adminedit > div > div.row > table > tbody > tr > td > span
    {
        position: relative;
        float: left;
        padding: 8px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        color: #009BEE;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        margin-left: -1px;
    }
            
    #adminedit > div > div.row > table > tbody > tr > td > span
    {
        position: relative;
        float: left;
        padding: 8px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        margin-left: -1px;
        z-index: 2;
        color: #fff;
        background-color: #5bc0de;
        border-color: #dddddd;
        cursor: default;
    }
            
    #adminedit > div > div.row > table > tbody > tr > td:first-child > a, #adminedit > div > div.row > table > tbody > tr > td:first-child > span
    {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }
            
    #adminedit > div > div.row > table > tbody > tr > td:last-child > a, #adminedit > div > div.row > table > tbody > tr > td:last-child > span
    {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }
            
    #adminedit > div > div.row > table > tbody > tr > td > a:hover, #adminedit > div > div.row > table > tbody > tr > td > span:hover, #adminedit > div > div.row > table > tbody > tr > td > a:focus, #adminedit > div > div.row > table > tbody > tr > td > span:focus
    {
        color: #d58512;
        background-color: #eeeeee;
        border-color: #dddddd;
    }
</style>