bootstrap如何让图片缩小

lewis 6年前 (2019-03-28) 阅读数 12 #程序编程

文章标签 bootstrap

在bootstrap中设置图片大小的方法：1.新建html文件，引入bootstrap；2.在文件中插入图片；3.使用width和height属性设置图片大小；

具体步骤如下：

1.首先，新建一个html文件，并在文件中引入bootstrap；

<!DOCTYPEhtml><html>
<head>
<title>Document</title>
<linkrel="stylesheet"href="bootstrap.min.css">
<style></style>
</head>
<body>
</body>
</html>

2.bootstrap引入后，在文件中添加一个div标签，并插入图片；

<!DOCTYPEhtml><html>
<head>
<title>Document</title>
<linkrel="stylesheet"href="bootstrap.min.css">
<style></style>
</head>
<body>
<div>
<imgsrc="img/1.png">
</div>
</body>
</html>

3.最后，图片插入后，使用width和height属性设置图片大小即可；

<!DOCTYPEhtml><html>
<head>
<title>Document</title>
<linkrel="stylesheet"href="bootstrap.min.css">
<style>
img{
width:200px;
height:200px;
}
</style>
</head>
<body>
<div>
<imgsrc="img/1.png">
</div>
</body>
</html>