BootStrap tabs标签 使用fade效果首次加载页面不能显示内容

<div class="tab-pane active fade" id="home">
                <div class="alert alert-success fade in" id="success" style="width: 98%; margin: auto">
                    <button type="button" class="close" data-dismiss="alert">
                        ×</button>
                    <strong>Holy guacamole!</strong>
                </div>
                <div class="alert alert-danger fade in" id="error" style="width: 98%; margin: auto">
                    <button type="button" class="close" data-dismiss="alert">
                        ×</button>
                    <strong>Holy guacamole!</strong>
                </div>
                <div class="panel panel-info" style="width: 98%; margin: auto; margin-top: 5px;">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            课题选择记录</h3>
                    </div>
                    <div class="panel-body">
                        <table id="myTitle" class="table table-bordered" style="margin-top: 5px;">
                        </table>
                    </div>
                </div>
                <div class="panel panel-info" style="width: 98%; margin: auto; margin-top: 5px;">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            导师选择记录</h3>
                    </div>
                    <div class="panel-body">
                        <table id="myTeacher" class="table table-bordered">
                        </table>
                    </div>
                </div>
            </div>