如何使自举轮播图片具有响应性？

如何使自举轮播图片具有响应性？

从各个文件中删除以下CSS规则：

在home.php文件中

.carousel .item>img {    position: absolute;    top: 0;    left: 0;    max-width: 100%;    height: 100%;}

在carousel.css中

.carousel-inner > .item > img {    position: absolute;    top: 0;    left: 0;    min-width: 100%;    height: 500px;}

另外，添加

margin-top:51px;

到

.carousel

carousel.css文件中的类并

height:500px

从同一类中删除，因为您已固定了导航栏。