How Do I Activate Selected Tabs After Postback In Asp.Net Bootstrap

See more:

ASP.NET

bootstrap

I have three tabs named personal details employment details and salary detail i want to redirect the user to last selected tabs after page post back
Here is my code

<div class="nav-tabs-custom" id="tabs">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#personal_details" data-toggle="tab">Personal Details</a></li>
        <li><a href="#employment_details" data-toggle="tab">Employment Details</a></li>
        <li><a href="#salary_details" data-toggle="tab">Salary Details</a></li>
    </ul>
    <div class="tab-content">
    <div class="tab-pane active" id="personal_details">
            <div class="box box-primary" id="loading-example">
                <div class="box-header">
                    <i class="fa fa-user"></i>
                    <h3 class="box-title">
                        Personal Details</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                <!-- Here is form code contains employees personal datas-->
                <div class="box-footer">
                        <div class="row">
                            <asp:Button ID="btn_update" runat="server" Text="Save" CssClass='btn btn-primary'
                                Style="margin-left: 20px" onclick="btn_update_Click"></asp:Button>
                            &nbsp;
                            <asp:Button ID="btn_cancel" runat="server" Text="Cancel" CssClass='btn btn-primary'>
                            </asp:Button>
                            &nbsp;&nbsp;&nbsp;<asp:Label ID="lbl_msg" runat="server" Text=""></asp:Label>
                        </div>
                    </div>
                    <!--Footer Box closed -->
                </div>
            </div>
        </div>

and remaining two tabs are same as above please help me to solve this problem thanks a lot for always helping me