jquery-mobile - JQuery Mobile 中的多行多列按钮组

Question

如何在 Jquery Mobile 中创建 6 个按钮的多行 (2) 和多列 (3) 按钮组？按钮需要连接并且必须具有相同的大小。这是一个草图：

Answer 1

两个三项导航栏可以解决问题：

<div style="margin:20px">
  <div data-role='navbar'>
    <ul>
      <li><button>A</button></li>
      <li><button>B</button></li>
      <li><button>C</button></li>
    </ul>
  </div>
  <div data-role='navbar'>
    <ul>
      <li><button>D</button></li>
      <li><button>E</button></li>
      <li><button>F</button></li>
    </ul>
  </div>
</div>