Framework7网格布局以包含桌面视图

Question

我知道Framework7是为手机和平板电脑设计的，但是有没有办法包含或以某种方式调整CSS以使其与桌面兼容？我的场景是我有两个div元素，我想在桌面上并排查看。

  <div class="row">
      <div class="col-50">panel-1</div>
      <div class="col-50">panel-2</div>
    </div>  

但是在平板电脑/手机视图上，我希望它同时显示为100％

 <div class="row">
      <div class="tablet-100">panel-1</div>
      <div class="tablet-100">panel-2</div>
    </div> 

我在下面尝试过，但是文档说平板电脑类适用于窗口宽度> = 768px，因此即使在桌面视图上，宽度也是100％。

<div class="row">
      <div class="col-50 tablet-100">panel-1</div>
      <div class="col-50 tablet-100">panel-2</div>
    </div> 

我正在考虑添加自定义CSS，例如Desktop-XX，但是如何添加它并覆盖当前的网格系统？ 任何建议都会非常感谢！

Answer 1

@media (min-width:768px){
.col-50{
width:50%;
}
}

这应该工作