映像和轮播不响应 Bootstrap 5.2

z0qdvdin  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(1)|浏览(157)

我有一个响应问题。当我在电话上打开我的网站时,我放在<i class="img-fluid material-icons">标签中的图标图像消失了,而它们在计算机上是可见的。我试图从bootstrap添加img-fluid,但它不工作,我不明白为什么。在这个链接上,你可以看到完整的https://jsfiddle.net/z3hx2Lcr中的所有代码,在这个链接中,你可以看到结果https://testportfolio111.000webhostapp.com/。我在旋转木马中也有一个响应性问题,因为我把文本效果放在里面了。当我打开我的手机上的网站旋转木马了下来,我试图解决这个问题,但我不能。谁能给予我的解决方案?

2w2cym1i

2w2cym1i1#

有一个问题在你的底部部分,元素与类.skills-bar打破了页面,并导致从右间隙,因为它有固定的宽度值,所以改变它到这个代码

.skills-bar {
  width: 100%;
  max-width: 600px;
}

并在您的图标所在的容器中更改移动的版本中的此设置,而不是

<div class="col animationtextinleft"></div>
<div class="col"></div>
<div class="col animationtextinright"></div>

用这个

<div class="col-12 animationtextinleft"></div>
<div class="col-12"></div>
<div class="col-12 animationtextinright"></div>

关于滑块:您.carousel-item的高度为:100 vh改为高度:自动在移动的版本和它的文本不显示的原因是这些幻灯片(carousel-caption)得到类d-无

相关问题