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; }