bootstrap carousel幻灯如何使图片居中

官方客服 2015-12-03 10:02:44

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

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

...
<div class="carousel-inner" role="listbox">
    <div class="item active">
        <img src="..." alt="图片居中" class="center-block" />
        <div class="carousel-caption">
        ...
        </div>
    </div>
</div>
...