<!DOCTYPE?HTML>
<html>
<head>
<meta?charset="utf-8">
<title>通訊錄</title>
<link?rel="stylesheet"?>
</head>
<body>
????<div?class="container"?style="width:500px">
?<table?class="table?table-stripped"?align="center">?
???<thead>
?????<tr>
???????<th>姓名</th>
?????</tr>
???</thead>
???<tbody>
?????<tr>?
???????<td><a?data-toggle="modal"?href="#xiongda"?style="color:black">熊大</a></td>
???????<div?class="modal?fade"?id="xiongda">
????????<div?class="modal-dialog">
????????????<div?class="modal-content">
????????????????<div?class="modal-header">
????????????????????<button?type="button"?class="close"?data-dismiss="modal"><span?aria-hidden="true">×</span><span?class="sr-only">Close</span></button>
????????????????????<h4?class="modal-title">熊大</h4>
????????????????</div>
????????????????<div?class="modal-body">
????????????????????<table?class="table?table-stripped">
????????????????????<thead>
????????????????????????<tr>
????????????????????????????<th>性別</th>
????????????????????????????<th>年齡</th>
????????????????????????????<th>電話</th>
????????????????????????</tr>
????????????????????</thead>
????????????????????<tbody>
????????????????????????<tr>
????????????????????????????<td>男</td>
????????????????????????????<td>20</td>
????????????????????????????<td>1122334455</td>
????????????????????????</tr>
????????????????????</tbody>
????????????????????</table>
????????????????</div>
????????????????<div?class="modal-footer">
????????????????????<button?type="button"?class="btn?btn-default"?data-dismiss="modal">關(guān)閉</button>
????????????????</div>
????????????????</div>
???????????</div>
</div>
?????</tr>
?????<tr>
???????<td>熊二</td>
?????
?????</tr>
?????<tr>
???????<td>張三</td>
?????</tr>
?????<tr>
???????<td>李四</td>
?????</tr>
???</tbody>
?</table>
????</div>
<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>?
</body>
</html>
添加回答
舉報
0/150
提交
取消