gpt4 book ai didi

javascript - 为什么我的 Bootstrap Carousel 无法缩放?

转载 作者:行者123 更新时间:2023-12-02 19:05:23 26 4
gpt4 key购买 nike

我查找了一些相关信息并找到了一些答案,但是当我将其应用于我的代码时,没有任何反应。当我调整窗口大小时,轮播不会调整大小,而是在右侧被切断。关于如何使其正确扩展有什么想法吗?

<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<!-- Bootstrap -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.carousel').carousel({
interval: 3000
});
});
</script>
</head>

<body>
<div class="container">
<div id="myCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img src="img/guy.png" alt="Wedge Tire"></div>
<div class="item"><img src="img/front.png" alt="Wedge Tire"></div>
<div class="item"><img src="img/fleet.png" alt="Wedge Tire"></div>
<div class="item"><img src="img/inside.png" alt="Wedge Tire"></div>
<div class="item"><img src="img/more_tires.png" alt="Wedge Tire"></div>
<div class="item"><img src="img/tires.png" alt="Wedge Tire"></div>
<div class="item"><img src="img/truck.png" alt="Wedge Tire"></div>
<div class="item"><img src="img/trucks.png" alt="Wedge Tire"></div>
<div class="item"><img src="img/warehouse.png" alt="Wedge Tire"></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</div><!--CONTAINER-->
</body>
</html>

最佳答案

验证了我的上述评论。 <link href="css/bootstrap-responsive.css" rel="stylesheet">需要追寻<link href="css/bootstrap.min.css" rel="stylesheet"> .

关于javascript - 为什么我的 Bootstrap Carousel 无法缩放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14350733/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com