Как я могу установить два выбора меню в jquery Mobile рядом и заполнить ширину страницы

Question

У меня есть две кнопки выбора, и я пытаюсь расположить их рядом и увеличить ширину экрана. Я получил сорта близко либо с помощью сетки, либо помещая их в контрольную группу. С сеткой кнопки занимают 50% экрана, но они не касаются. В контрольной группе сенсорные кнопки касаются, но я не могу заставить их соответствовать экрану. Вот две реализации. Вот скрипка js, чтобы показать, что у меня есть

 <div data-role="controlgroup"  data-type="horizontal">
        <select name="select_networks" id="select_networks">
            <option value="1/1">Everyone</option>
            <option value="2/1">Friends</option>
        </select>
        <select name="select_sort" id="select_sort">
            <option value="1">Points</option>
            <option value="2">New</option>
        </select>
    </div>

    <div class="ui-grid-a">
        <div class="ui-block-a"> <select name="select_networks" id="select_networks">
                <option value="1/1">Everyone</option>
                <option value="2/1">Friends</option>
            </select></div>
        <div class="ui-block-b">
            <select name="select_sort" id="select_sort">
                <option value="1">Points</option>
                <option value="2">New</option>
            </select></div>
    </div> 

Answer 1

Используя навигационную панель, вы можете сделать это, просто убедитесь, что она не заключена в содержимое div

• http://jsfiddle.net/aFGxy/9/

HTML

<div data-role="page" id="contest" data-theme="a">

   <div data-role="content">



    </div>

    <div data-role="navbar">
            <ul>
                <li>
                     <select name="select_networks" id="select_networks" data-corners="false">
                        <option value="1/1">Everyone</option>
                        <option value="2/1">Friends</option>
                    </select>
                </li>
                <li>
                     <select name="select_sort" id="select_sort" data-corners="false">
                        <option value="1">Points</option>
                        <option value="2">New</option>
                    </select>
                </li>
            </ul>
        </div>

</div>

1011 *