博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap学习笔记系列5------Bootstrap图片显示
阅读量:5925 次
发布时间:2019-06-19

本文共 251 字,大约阅读时间需要 1 分钟。

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

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

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

你可能感兴趣的文章
测试Live Writer 发表博客
查看>>
c# 获取当前活动窗口句柄,获取窗口大小及位置
查看>>
hibernate级联操作详解
查看>>
转载牛X文章
查看>>
java泛型不是计算运行时的数据类型
查看>>
阿里云-数据盘挂载
查看>>
qsort(bsearch,lsearch)—标准库排序,查找
查看>>
Mybatis——返回类型为 集合嵌套集合 应该如何处理
查看>>
再译《A *路径搜索入门》之四
查看>>
KMP学习
查看>>
【数据库中间件】MyCat分表分库规则实现
查看>>
类QQ右下角弹出框(Qt)
查看>>
Kibana
查看>>
小菜学设计模式——观察者模式
查看>>
mysql-普通查询(General Query)慢查询(Slow Query)相关日志配置
查看>>
SpringMVC异常处理流程
查看>>
指定特定的内容为首页
查看>>
安装程序无法创建新的系统分区也无法定位现有分区的解决方法
查看>>
什么是事件冒泡?如何用jquery/js阻止事件冒泡?阻止冒泡有什么作用?小生来抛个砖。...
查看>>
也可以改为while(input[0])或while(cin&&input[0])
查看>>