在线测试工具 | 千木教程

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 3 响应式图像</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link href="../bootstrap/v3/dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<style>
		body {
			padding: 50px
		}
		img {
			margin-bottom:30px
		}
	</style>
	
	
	
</head>
<body>
	
	<img src="/upload/qmtuto/2013/12/image-with-circle.png" alt="without responsive image feature">
	<img src="/upload/qmtuto/2013/12/image-with-circle.png" alt="with responsive image feature" class="img-responsive">
	
	<script src="https://code.jquery.com/jquery.js"></script>
	
	<script src="../bootstrap/v3/dist/js/bootstrap.min.js"></script>
	
</body>
</html>