Bootstrap3.3.2 选项卡不起作用：当我单击它们时，会显示不同的选项卡信息

问：

我想在“进程”选项卡中显示 ListData，在“已批准”选项卡中显示 ListData1，在“已消除”选项卡中显示 ListData2，但在这里它显示了“进程”选项卡中的所有 ListData

                    <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#create">Process</a></li>
                    <li><a data-toggle="tab" href="#display">Approved</a></li>
                    <li><a data-toggle="tab" href="#display1">Dismissed</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" id="create" class="tab-pane fade in active">
                        <div id="listData"  runat="server">
                        </div>
                    </div>
                    <div role="tabpanel" id="display" class="tab-pane fade">
                        <div id="listData1"  runat="server">
                        </div>
                    </div>
                    <div role="tabpanel" id="display1" class="tab-pane fade">
                        <div id="listData2"  runat="server">
                        </div>
                    </div>
                </div>