映像和轮播不响应 Bootstrap 5.2

z0qdvdin 于 2022-12-08 发布在 Bootstrap

关注(0)|答案(1)|浏览(166)

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

twitter-bootstrap

来源：https://stackoverflow.com/questions/73169622/image-and-carousel-not-responsive-bootstrap5-2

1条答案

按热度按时间

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-无

赞(0）回复(0）举报 2022-12-08

我来回答

映像和轮播不响应 Bootstrap 5.2

1条答案

相关问题

热门标签

最新问答