bootstrap的轮播图怎么实现响应式？

Question

今天试了一天，怎么才能将bootstrap的轮播图怎么实现响应式？就是随着浏览器的缩小轮播图也成比例缩小呢？求指点！比如这个网站的那个轮播图就能很好的自适应，随着浏览器的大小改动也可以改动http://demo.wpcom.cn/third/

Answer 1

<div class="container">
    <div class="row">
        <div class="col-md-12">轮播图内容</div>
     </div>
</div>

Answer 2

轮播图的img就是自适应的，具体是设置img的max-width为100%;

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}