bootstrap carousel幻灯如何使图片居中

在carousel中，如果图片太小，默认会居左，不太美观，如何让图片居中呢？

其实很简单，不用去修改css，给图片加一个center-block即可。如下代码：

1. ...

2. <div class="carousel-inner" role="listbox">

3.     <div class="item active">

4.         <img src="..." alt="图片居中" class="center-block" />

5.         <div class="carousel-caption">

6.         ...

7.         </div>

8.     </div>

9. </div>

10. ...

11.