楼主学习Bootstrap，当中使用其插件轮播Carousel时，发现如果自己设定的图片不是统一鬼规格的话，在网页端轮播会出现图片大小显示不一的情况，请问怎么解决？
<div id="myCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="images/gallery-1.jpg" alt="" >
</div>
<div class="item">
<img src="upload/gallery-2.jpg" alt="" >
</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>
即代码中的gallery-1.jpg 和gallery-2.jpg 的规格尺寸不一样，怎么都统一大小且居中显示在轮播框中呢？ 求各位高手给点意见~不胜感激！

关键是我利用CSS设定 img { width=500px; repeat-x;} 控制图片的大小都没有效果，求指导