Question

bootstrap的carousel图片轮播怎么修改显示图片的尺寸

这个多出来的空白怎么能修改啊
附上代码：
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="a.jpg" alt="...">
<div class="carousel-caption">
<h4>hello
</div>
</div>
<div class="item">
<img src="b.jpg" alt="...">
<div class="carousel-caption">
<h4>hi
</div>
</div>
<div class="item">
<img src="a.jpg" alt="...">
<div class="carousel-caption">
<h4>haa
</div>
</div>

</div>

<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>

Answer 1

你试试吧image标签的宽度设置为100%

Answer 2

如果已经是最大的尺寸的话，那么就是屏幕分辨率的问题，

Answer 3

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active" style="background:url(a.jpg); background-size:cover;">
<img src="a.jpg" alt="...">
<div class="carousel-caption">
<h4>hello
</div>
</div>
<div class="item" style="background:url(b.jpg); background-size:cover;">
<img src="b.jpg" alt="...">
<div class="carousel-caption">
<h4>hi
</div>
</div>
<div class="item" style="background:url(a.jpg); background-size:cover;">
<img src="a.jpg" alt="...">
<div class="carousel-caption">
<h4>haa
</div>
</div>

</div>

<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>

Answer 4

直接改Img大小就好了，不行的话改Img外层item，应该可以