当前位置： 首页 > news >正文

Bootstrap学习笔记系列5------Bootstrap图片显示

news 来源：原创 2024/5/21 22:08:19

通过添加一下的class来实现bootstrap对图片的支持

  • img-round 通过border-radius：6px 来获得图片圆角
  • img-circle 通过border-radius:50%来让整个图片编程圆形
  • img-thumbnail 添加一些内边距和一个灰色的框
  • img-responsive 增加图片的响应式支持
    这几个功能可以混合使用，如果想实现一个支持响应式的有框的圆形图片
<img class=" img-circle img-thumbnail img-responsive"src="snap.jpg" alt="snap" >

转载于:https://www.cnblogs.com/MaFeng0213/p/6095427.html

相关文章：

  • 二.第十一单元 系统恢复
  • linux学习笔记8
  • MarkdownPad2.5 注册码
  • Git 菜鸟记录
  • DTMF三种模式(SIPINFO,RFC2833,INBAND)
  • Oracle学习(一)：Oracle数据库基础
  • js 单例
  • Nginx 指定不产生日志类型（不记录图片日志）
  • php对二维数组求差集
  • uplodidy代码
  • jQery简单Tab选项卡效果
  • 用linux mail命令发送邮件时指定发送人
  • SMTP补充
  • js中网页的一些宽度和高度问题
  • ASP.net 使用ConfigurationManager获取连接字符串
  • JavaScript-如何实现克隆(clone)函数
  • ES6语法详解(一)
  • git 常用命令
  • JAVA_NIO系列——Channel和Buffer详解
  • MySQL常见的两种存储引擎：MyISAM与InnoDB的爱恨情仇
  • Node 版本管理
  • Nodejs和JavaWeb协助开发
  • Redux系列x：源码分析
  • spring cloud gateway 源码解析（4）跨域问题处理
  • UEditor初始化失败（实例已存在，但视图未渲染出来，单页化）
  • 发布国内首个无服务器容器服务，运维效率从未如此高效
  • 力扣(LeetCode)965
  • 悄悄地说一个bug
  • 我的面试准备过程--容器(更新中)
  • 优秀架构师必须掌握的架构思维
  • 由插件封装引出的一丢丢思考
  • 正则表达式-基础知识Review
  • #我与Java虚拟机的故事#连载15：完整阅读的第一本技术书籍
  • #中国IT界的第一本漂流日记 传递IT正能量# 【分享得“IT漂友”勋章】
  • (01)ORB-SLAM2源码无死角解析-(56) 闭环线程→计算Sim3:理论推导(1)求解s,t
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节（共同的基类）
  • （定时器/计数器）中断系统（详解与使用）
  • （翻译）Quartz官方教程——第一课：Quartz入门
  • （附源码）ssm考生评分系统 毕业设计 071114
  • (四) 虚拟摄像头vivi体验
  • （转）c++ std::pair 与 std::make
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • ***监测系统的构建（chkrootkit ）
  • .libPaths()设置包加载目录
  • .NET Core 成都线下面基会拉开序幕
  • .net 中viewstate的原理和使用
  • .NET（C#、VB）APP开发——Smobiler平台控件介绍：Bluetooth组件
  • /var/log/cvslog 太大
  • @Import注解详解
  • [C++]运行时,如何确保一个对象是只读的
  • [English]英语积累本
  • [FTP]pureftp部署和优化
  • [Java开发之路]（14）反射机制
  • [LeetCode]—Roman to Integer 罗马数字转阿拉伯数字
  • [mysql]游标和触发器