实现页⾯⾃适应的代码
在⽹页head中添加
<meta name="viewport"content="width=device-width,initial-scale=1,maximum-scale=1">
整个代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 最新版本的 Bootstrap 核⼼ CSS ⽂件 -->
<link rel="stylesheet"href="stackpath.bootstrapcdn/bootstrap/3.4.1/css/bootstrap.min.css"in
tegrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThe cOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题⽂件（⼀般不⽤引⼊） -->
<link rel="stylesheet"href="stackpath.bootstrapcdn/bootstrap/3.4.1/css/bootstrap-theme.min.css"integrity="sha384-6pzBo3FDv/PJ8r2KRkGHif hEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ"crossorigin="anonymous">
<!-- 最新的 Bootstrap 核⼼ JavaScript ⽂件 -->
<script src="stackpath.bootstrapcdn/bootstrap/3.4.1/js/bootstrap.min.js"integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzp U8Y5bApTppSuUkhZXN0VxHd"crossorigin="anonymous"></script>
<meta name="viewport"content="width=device-width,initial-scale=1,maximum-scale=1">
</head>
<body>
css最新
<table class="table table-striped">
<thead>
<th>name</th>
<th>author</th>
<th>price</th>
<th>date</th>
</thead>
<tbody>
{% for book in books %}
<tr>
<td>{{ book.name }}</td>
<td>{{ book.author }}</td>
<td>{{ book.price }}</td>
<td>date</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。