css - 将 JQmobile 用于大小为 30%-70% 的基于 CSS 的列

Question

我可以使用ui-grid-a显示 50%-50% 的两列网格或三列网格，但是如何显示大小为70%-30% 的行。所以右边的文字在 30% -a grid和b grid70%

Answer 1

添加自定义 css 以覆盖 JQM 默认值，如下所示：

.ui-block-a {
      width: 70% !important;
}

.ui-block-b {
      width: 30% !important;
}

JSBin - 示例
http://jsbin.com/eguwij/2/edit#source