我正在使用Sencha制作一个Android应用程序。在移动设备和平板电脑上,我使用这个布局来实现响应式布局。
<div class="row">
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-4</div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-4</div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-4</div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-4</div>
</div>
现在我想在从竖屏模式切换到横屏模式时指定不同的网格布局。例如,在移动屏幕上,我希望在竖屏模式下使用col-xs-6,在横屏模式下使用col-xs-3。那么我该怎么做呢?