|
|
Line 1: |
Line 1: |
| {{NAU-CHINA/ResetCSS}} | | {{NAU-CHINA/ResetCSS}} |
| + | {{NAU-CHINA}} |
| + | {{NAU-CHINA/header}} |
| <html> | | <html> |
− | <head><meta charset="utf-8"> | + | <head> |
− | <title>Bootstrap 实例 - 折叠面板</title>
| + | |
− | <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
| + | |
− | <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
| + | |
− | <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
| + | |
− | | + | |
| </head> | | </head> |
| <body> | | <body> |
− |
| |
− | <div class="panel-group" id="accordion">
| |
− | <div class="panel panel-default">
| |
− | <div class="panel-heading">
| |
− | <h4 class="panel-title">
| |
− | <a data-toggle="collapse" data-parent="#accordion"
| |
− | href="#collapseOne">
| |
− | week1
| |
− | </a>
| |
− | </h4>
| |
− | </div>
| |
− | <div id="collapseOne" class="panel-collapse collapse in">
| |
− | <div class="panel-body">
| |
− |
| |
− | the team held a meeting to arrange winter vacation learning tasks.
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="panel panel-default">
| |
− | <div class="panel-heading">
| |
− | <h4 class="panel-title">
| |
− | <a data-toggle="collapse" data-parent="#accordion"
| |
− | href="#collapseTwo">
| |
− | week2
| |
− | </a>
| |
− | </h4>
| |
− | </div>
| |
− | <div id="collapseTwo" class="panel-collapse collapse">
| |
− | <div class="panel-body">
| |
− | Wu Yaxuan and former iGEM team members gave us experimental skills training.
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="panel panel-default">
| |
− | <div class="panel-heading">
| |
− | <h4 class="panel-title">
| |
− | <a data-toggle="collapse" data-parent="#accordion"
| |
− | href="#collapseThree">
| |
− | week3
| |
− | </a>
| |
− | </h4>
| |
− | </div>
| |
− | <div id="collapseThree" class="panel-collapse collapse">
| |
− | <div class="panel-body">
| |
− | the captain gave us the task of reading quantitative documents and previous excellent projects on a daily basis, reporting weekly and doing brain storm.
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| | | |
| </body> | | </body> |
− |
| |
− |
| |
− |
| |
| </html> | | </html> |