Bootstrap图片支持响应式

2023-11-09 01:50•HTML/CSS•阅读 1233

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Bootstrap图片</title>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />

</head>

<body>

<div class="container">

<h2>图片</h2>

<p> .img-responsive类让图片支持响应式，将很好地扩展到父元素 (通过改变窗口大小查看效果):</p>

<img src="Images/HTML5LOGO.jpg" class="img-responsive" />

</div>

<script src="jQuery/jquery-2.1.4.js"></script>

<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>

</body>

</html>

上一篇 »Bulma CSS - 响应式
下一篇 »实现响应式——Bootstrap的删格系统详解