bootstrap图片

我会带着你远行 2022-01-15 22:13 221阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>bootstrap</title>
    	<style type="text/css">
    		div{ 
    			position: relative;
    			left:100px;
    			top:100px;
    			width:120px;
    		}
    		div img{ 
    			display: block;
    			margin:10px;
    		}
    	</style>
    </head>
    <body>
    	<script src="jquery.min.js"></script>
    	<link href="bootstrap.min.css" rel="stylesheet">
    	<script src="bootstrap.min.js"></script>
    	<div>
    		<img src="gu.jpg" alt="">
    		<img src="gu.jpg" alt="" class="img-rounded">
    		<img src="gu.jpg" class="img-circle">
    		<img src="gu.jpg" alt="" class="img-thumbnail">
    	</div>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5MzQ1MQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5MzQ1MQ_size_16_color_FFFFFF_t_70]: /images/20220115/a3f7f524fa974e5dbdd3544907400cc3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

相关【Bootstrap】008-全局样式：图片

一、响应式图片 1、说明在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 m

野性酷女/ 2023年10月05日 11:05/ 0 赞/ 6 阅读

相关 Bootstrap：文字排版与图片样式

Bootstrap4 文字排版默认设置： Bootstrap 4 默认的 `font-size` 为 16px, `line-height` 为 1.5。默认

痛定思痛。/ 2022年09月01日 14:57/ 0 赞/ 315 阅读

相关 Bootstrap图片

1.Bootstrap提供了三个可对图片应用简单样式的class .img-rounded:添加border-radius:6px来获得图片圆角，为图片添加圆角

不念不忘少年蓝@/ 2022年08月23日 08:13/ 0 赞/ 140 阅读

相关 Bootstrap:表单和图片

表单 -------------------- > 1.基本格式：实现基本的表单样式 <form> <div class="form-grou

痛定思痛。/ 2022年06月13日 14:37/ 0 赞/ 223 阅读

相关 BootStrap 图片预览

官网地址：http://plugins.krajee.com/file-input 效果 ![70][] 其他参考资料： https://blog.csdn.net/u

左手的ㄟ右手/ 2022年05月28日 03:30/ 0 赞/ 484 阅读

相关 bootstrap-fileinput 的ajax动态初始化图片

https://blog.csdn.net/sinat\_33750162/article/details/51497563 这里所讲述的是：编辑已成功上传过的图片 \[j

梦里梦外;/ 2022年05月24日 01:37/ 0 赞/ 187 阅读

相关 Bootstrap 图片及缩略图

一、图片形状 1、通过为 <img> 元素添加以下相应的类，可以让图片呈现不同的形状。 .img-rounded：添加 border-radius:6px

墨蓝/ 2022年03月21日 07:26/ 0 赞/ 609 阅读

相关 Bootstrap系列---图片

Bootstrap 图片注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，详细内容可以查看菜鸟教程网址：[https://www.ru

╰+哭是因爲堅強的太久メ/ 2022年01月25日 18:35/ 0 赞/ 187 阅读

相关 bootstrap图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

我会带着你远行/ 2022年01月15日 22:13/ 0 赞/ 222 阅读

相关 BootStrap3--图片样式、形状

响应式图片在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width:

阳光穿透心脏的1/2处/ 2021年08月13日 15:03/ 0 赞/ 438 阅读