JQuery Mobile中的多行，多列按钮组

Question

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

Answer 1

两个三项navbar可以解决问题：

<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>