jQuery Mobile按钮没有排列网格

Question

我想使用网格布局制作一个包含4个按钮的导航菜单。默认情况下，我的按钮应该填充网格的所有空间。出于某种原因，情况并非如此。。有人能指出出了什么问题吗？下面你可以找到我的代码。

<div data-role="page">
  <div data-role="header" data-position="inline">
    <h1>Title</h1>
    <fieldset class="ui-grid-c">
      <div class="ui-block-a">
        <a href="#" data-role="button" data-icon="home" data-iconpos="top">Home</a>
      </div>
      <div class="ui-block-b">
        <a href="#" data-role="button" data-icon="grid" data-iconpos="top">MenuItem2</a>
      </div>
      <div class="ui-block-c">
        <a href="#" data-role="button" data-icon="settings" data-iconpos="top">MenuItem3</a>
      </div>
      <div class="ui-block-d">
        <a href="#" data-role="button" data-icon="info" data-iconpos="top">Info</a>
      </div>
    </fieldset><!-- /ui-grid-a -->
  </div><!-- /header -->
</div><!-- /page -->

非常感谢！

Thijs

Answer 1

为什么不使用用于该类型任务的navbar？参见示例：http://jsfiddle.net/JyQqN/