how to get the grids in bs3 to stack when screen is smaller than 480px?

twitter-bootstrap, twitter-bootstrap-3

Solution

Add "col-xxs" class to your columns:

@media (max-width: 480px) { 
   .col-xxs {
      display:block;
      float:none;
      width: 100%
   }
}

Problem

According to the doc, extra small devices Phones (< 768px) grids are horizontal at all times, i.e., never get stacked. I am looking for a way to make the grids to become stacked when the screen is smaller than 480px.

Original source