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>

实例代码

转载于:https://www.cnblogs.com/AlphaThink-AT003/p/3447823.html