前言
在学编程的朋友们就知道,我们如果是弄前端还是后台的,时不时的都会有对图片操作的功能,而这次的主要内容,就是介绍bootstrap中img,如果有介绍不好的敬请谅解!
img类
类 | 描述 |
---|---|
.img-rounded | 图片添加圆角 |
.img-circle | 图片变为圆形 |
.img-thumbnail | 图片的缩略图功能 |
.img-responsive | 图片响应式 (将很好地扩展到父元素) |
代码案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap图片</title>
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
</head>
<body>
<br />
<br />
<div class="container">
<h3>bootstrap图片</h3>
<div class="img-rounded">
<img src="../img/2019012115164