![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
文章平均质量分 85
万迹
这个作者很懒,什么都没留下…
展开
-
bootstrap中导航条data-toggle=collapse与data-target的联动
理想效果:当浏览器页面大于768px时,导航条最右侧的菜单按钮隐藏当浏览器页面小于768px时,可以点击菜单按钮显示、隐藏下拉菜单代码:data-toggle用于控制隐藏无序列表,data-target用于指定被作用无序列表data-toggle的其他属性:...原创 2020-04-10 20:18:14 · 6159 阅读 · 0 评论 -
bootstrap利用缩略图存放图片大小不一致导致布局紊乱的解决方法
方法一(适用于不想图片被剪切,单纯的缩放)给图片加上固定的宽高值,但是此方法会使图片高度无法自适应,当屏幕缩小时,图片会被拉伸。<img src="/img.jpg" alt="..." width="100%" height="300px">大屏情况下没问题但小屏情况下图片很难看查阅了相关资料并没有好的解决方法。只能用相对繁复的方法来解决。利用媒体查询来多段控制缩略图...原创 2020-05-04 23:19:04 · 2140 阅读 · 0 评论 -
bootstrap轮播图去掉左右箭头的阴影
加上如下css样式即可.carousel-control.left { background-image:none !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}.carousel-control.right {原创 2020-06-06 16:22:00 · 1388 阅读 · 1 评论