在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. ...





评论 (0)
暂无评论