禹天 禹天 禹天 禹天
  • 导航首页
  • macOS
  • Windows
  • 学习笔记
  • 推荐好站
  • 用户登录
  • 关于我们
禹天 禹天
  • TAG标签
  • 文章归档
  • 博主推荐
  • 热点排行

bootstrap 解决图片显示问题

2020-04-26 16:56 / in 学习笔记 / 阅读量:237 / TAG 图标 ICO

3.jpg


在使用幻灯片的时候发现图片老是使用不全,那么用下面的css可以把图片变成自适应

问题1、幻灯

css控制

.banner-container {

background: none;

background-size: 100% 100%;

}

问题二、图片高度不一致错位

bootStrap,多行,多列,div高度不一样导致错位,

.col-md-4:nth-child(3n+1){

clear:left!important;

}

<div class="row">

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

</div>

怎么堆积col都不会变形了。


支付宝 微信
猜你喜欢
速学PHP视频教学,简单粗暴第五天
速学PHP视频教学,简单粗暴第三天
解决服务器漏扫后出现的各种问题汇总
php判断和极致cms判断URL是否包含什么字符
评论 (0)
您只有登录后才可以评论~立即登录
暂无评论
Copyright @2019-2099 禹天的博客.All Rights Reserved 京ICP备12013512号-1 京公网安备11011502004272.
搜索
您将离开本站并访问