Bootstrap旋轉木馬顯示1列在斷點

所以我有一個旋轉木馬顯示4個網格，我想它顯示移動設備上只有1個網格（col-sm-12），任何人都知道我可以如何實現這一點與jQuery或css？Bootstrap旋轉木馬顯示1列在斷點

目前，它的上市4個格就在COL-SM-12，我想讓它顯示在COL-SM-12 1個格：

<div class="carousel slide" id="myCarousel"> 
    <div class="carousel-inner"> 
     <div class="item active"> 
      <ul class="thumbnails"> 
       <li class="col-md-3 col-sm-12"> 
        <div class="thumbnail"> 
         <img src="http://placehold.it/260x180" alt=""> 
        </div> 
        <div class="caption"> 
         <h5>Arrival Dec, 2013</h5> 
        </div> 
       </li> 
       <li class="col-md-3 col-sm-12"> 
        <div class="thumbnail"> 
         <img src="http://placehold.it/260x180" alt=""> 
        </div> 
        <div class="caption"> 
         <h5>Arrival, November, 2013</h5> 
        </div> 
       </li> 
       <li class="col-md-3 col-sm-12"> 
        <div class="thumbnail"> 
         <img src="http://placehold.it/260x180" alt=""> 
        </div> 
        <div class="caption"> 
         <h5>Arrival Feb, 2014, ON</h5> 
        </div> 
       </li> 
       <li class="col-md-3 col-sm-12"> 
        <div class="thumbnail"> 
         <img src="http://placehold.it/260x180" alt=""> 
        </div> 
        <div class="caption"> 
         <h5>Arrival March 2014, ON</h5> 
        </div> 
       </li> 
      </ul> 
     </div> 
    </div>

來源

2016-06-10 Paul Gwamanda