jquery - jquery mobile navbar，每行有两个按钮

Question

我有一个 jquery mobile navbar，可以有 2 到 8 个按钮。我不喜欢 jquery mobile 捆绑成一行，= 5 个按钮。
我想要的是强制导航栏是 2 个按钮一次..

还有人做过吗？？

谢谢

Answer 1

为什么不使用内容网格和导航栏的组合呢？

    <div data-role="page">
        <div data-role="header" data-position="fixed" data-theme="a"> 
            <h1>Example grid</h1> 

            <div data-role="navbar">
                <div class="ui-grid-a">
                    <div class="ui-block-a">Block A</div>
                    <div class="ui-block-b">Block B</div>
                    <div class="ui-block-a">Block A</div>
                    <div class="ui-block-b">Block B</div>
                    <div class="ui-block-a">Block A</div>

                </div><!-- /grid-b -->
            </div><!-- /navbar -->
        </div> <!-- /header -->

Answer 2

尝试这个：

<div data-role='navbar' data-grid='a'>
    <ul>
        <li><a>bt1</a>
        </li>
        <li><a>bt2</a>
        </li>
    </ul>
</div>
<div data-role='navbar' data-grid='a'>
    <ul>
        <li><a>bt3</a>
        </li>
        <li><a>bt4</a>
        </li>
    </ul>
</div>
<div data-role='navbar' data-grid='a'>
    <ul>
        <li><a>bt5</a>
        </li>
        <li><a>bt6</a>
        </li>
    </ul>
</div>
<div data-role='navbar' data-grid='a'>
    <ul>
        <li><a>bt7</a>
        </li>
        <li><a>bt8</a>
        </li>
    </ul>
</div>