为什么我的Bootstrap旋转木马没有缩放
Why is my Bootstrap Carousel not scaling?
我已经寻找了一些关于这方面的信息,并找到了一些答案,但当我将其应用于代码时,什么都没有发生。当我调整窗口大小时,旋转木马不会调整大小,而是在右侧被切掉。关于如何使其适当扩展,有什么想法吗?
<!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">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</div><!--CONTAINER-->
</body>
</html>
验证了我的上述评论。CCD_ 1需要在CCD_ 2之后。
相关文章:
- 使用KineticJS变换(移动/缩放/旋转)形状
- CSS3 点击旋转和缩放
- 如何在D3中获得可缩放Icicle布局中文本标签的旋转
- 精灵缩放会导致三个.js的定位和旋转不正确
- 缩放、拖动和旋转时的图像定位
- CSS 图像查看器:图像旋转(和缩放)
- 在Openlayers 3中使标记与地图一起缩放/旋转
- 在画布上绘制CSS转换(缩放、旋转、向左、向右)
- 制作画布镜像、缩放和旋转
- 基于旋转木马的图像库与缩略图&标题
- Android 4.1+(Javascript浏览器):如何禁用旋转缩放
- HTML>根据窗口和图像大小旋转和缩放图像
- 将猫头鹰旋转木马放入不同设置的页面中
- 引导程序滑块旋转木马与缩略图导航问题
- jQuery旋转木马问题:如何阻止缩略图前进
- 如何旋转,调整大小和缩放图像从角落的画布
- Jquery自定义旋转木马内的图像缩放模式
- SVG旋转,缩放和翻译与鼠标
- 引导旋转木马缩放过渡
- 为什么我的Bootstrap旋转木马没有缩放