首页// 案例: name\age\love\sex\手机号是否是团员籍贯 (省、市)用Bootstrap做成表格

// 案例: name\age\love\sex\手机号是否是团员籍贯 (省、市)用Bootstrap做成表格

时间: 2023-09-26 09:14:54 浏览: 34

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Bootstrap Table</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> </head> <body> <div class="container mt-3"> <table class="table table-striped"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Love</th> <th>Sex</th> <th>Mobile</th> <th>Is Member</th> <th>Province</th> <th>City</th> </tr> </thead> <tbody> <tr> <td>John Doe</td> <td>25</td> <td>Music</td> <td>Male</td> <td>1234567890</td> <td>Yes</td> <td>California</td> <td>Los Angeles</td> </tr> <tr> <td>Jane Smith</td> <td>30</td> <td>Reading</td> <td>Female</td> <td>0987654321</td> <td>No</td> <td>New York</td> <td>New York City</td> </tr> <tr> <td>Bob Brown</td> <td>20</td> <td>Hiking</td> <td>Male</td> <td>4567890123</td> <td>Yes</td> <td>Texas</td> <td>Houston</td> </tr> </tbody> </table> </div> </body> </html>