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

 1 <div class="tab-pane active fade" id="home">

 2                 <div class="alert alert-success fade in" id="success" style="width: 98%; margin: auto">

 3                     <button type="button" class="close" data-dismiss="alert">

 4                         ×</button>

 5                     <strong>Holy guacamole!</strong>

 6                 </div>

 7                 <div class="alert alert-danger fade in" id="error" style="width: 98%; margin: auto">

 8                     <button type="button" class="close" data-dismiss="alert">

 9                         ×</button>

10                     <strong>Holy guacamole!</strong>

11                 </div>

12                 <div class="panel panel-info" style="width: 98%; margin: auto; margin-top: 5px;">

13                     <div class="panel-heading">

14                         <h3 class="panel-title">

15                             课题选择记录</h3>

16                     </div>

17                     <div class="panel-body">

18                         <table id="myTitle" class="table table-bordered" style="margin-top: 5px;">

19                         </table>

20                     </div>

21                 </div>

22                 <div class="panel panel-info" style="width: 98%; margin: auto; margin-top: 5px;">

23                     <div class="panel-heading">

24                         <h3 class="panel-title">

25                             导师选择记录</h3>

26                     </div>

27                     <div class="panel-body">

28                         <table id="myTeacher" class="table table-bordered">

29                         </table>

30                     </div>

31                 </div>

32             </div>

实例代码